有什么我可以帮你的吗?支持发送图片进行视觉分析哦。
{{ msg.displayContent }}
有什么我可以帮你的吗?支持发送图片进行视觉分析哦。
本页使用 Fetch API + Reader 来处理 SSE (Server-Sent Events) 流式返回。同时也支持了标准的多模态 Vision 图片协议传递。核心调用逻辑实现如下:
const payload = {
model: "gemini-3.1-pro-preview",
messages: [
{
role: "user",
content: [
{ type: "text", text: "描述图片" },
{ type: "image_url", image_url: { url: "data:image/jpeg;base64,..." } }
]
}
],
stream: true // 开启流式
};
const response = await fetch(`${baseUrl}/v1/chat/completions`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'Authorization': `Bearer ${apiKey}`
},
body: JSON.stringify(payload)
});
// 解析流 (SSE)
const reader = response.body.getReader();
const decoder = new TextDecoder();
while (true) {
const { done, value } = await reader.read();
if (done) break;
const chunk = decoder.decode(value);
// 处理提取 chunk 中的 'data: {...}'
// 取出 delta.content 拼接到对话框
}