chatgpt-web-dev / chatgpt-web

A third-party ChatGPT Web UI page built with Express and Vue3, through the official OpenAI completion API. / 用 Express 和 Vue3 搭建的第三方 ChatGPT 前端页面, 基于 OpenAI 官方 completion API.
https://chatgpt-web.dev
MIT License
1.61k stars 441 forks source link

图片上传和图片显示功能是该加了吧? #377

Closed padixa closed 6 months ago

padixa commented 9 months ago

HTML显示个图片, 或者上传个图片又不是什么难事儿. 加一下呗.

Kerwin1202 commented 9 months ago

麻烦的不是这,是 这个项目原来调用底层其他的库, 其他人的库 很久没更新

assassinliujie commented 9 months ago

麻烦的不是这,是 这个项目原来调用底层其他的库, 其他人的库 很久没更新

我看了眼文档,直接传图片链接也行。 所以如果底层调用对图片有啥问题的话,打包个图床自动返回图片链接其实也行

assassinliujie commented 9 months ago

import OpenAI from "openai";

const openai = new OpenAI();

async function main() { const response = await openai.chat.completions.create({ model: "gpt-4-vision-preview", messages: [ { role: "user", content: [ { type: "text", text: "What’s in this image?" }, { type: "image_url", image_url: { "url": "https://upload.wikimedia.org/wikipedia/commons/thumb/d/dd/Gfp-wisconsin-madison-the-nature-boardwalk.jpg/2560px-Gfp-wisconsin-madison-the-nature-boardwalk.jpg", }, }, ], }, ], }); console.log(response.choices[0]); } main();

assassinliujie commented 9 months ago

我现在写了一点点就是加了个上传图片按钮,上传到图床里自动返回链接,然后配上图片描述的文字框。 但是还没想好如果要把输入框整合到原来那里该怎么弄

assassinliujie commented 9 months ago

目前想了想干脆就用提示词,比如 img[https://upload.wikimedia.org/wikipedia/commons/thumb/d/dd/Gfp-wisconsin-madison-the-nature-boardwalk.jpg/2560px-Gfp-wisconsin-madison-the-nature-boardwalk.jpg] 这样就不需要改前端了,后端处理掉就好了

BobDu commented 6 months ago

479