AI 绘图单页 Demo
使用 Vue3 + 流式 SSE。BaseURL 与 Key 自动保存在浏览器,下次打开自动填充;支持上传 1 张图片,以 base64 形式发送。
接口配置 已启用 LocalStorage 自动记住配置 支持图文混合消息
已选择图片(已转为 base64,随下一次请求发送)
{{ configError }}
提示词 & 请求体 stream: true messages[0].content = [text, image_url]
{{ error }}
流已连接,正在接收数据(SSE) 当前未在流式连接中 tokens: {{ currentUsage.total_tokens || '?' }}
对话 / 思考 / 图片卡片 🧠 思考卡(reasoning_content) 💬 文本卡 🖼 图片卡(base64)
{{ m.time }}
正在推理中……
{{ m.content }}
AI 生成图片
还没有消息,先在上面填写配置和提示词,然后点击「发送」试试吧。