Leaf/amber-web
5
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

改进 图片渲染
All checks were successful
Build / build (push) Successful in 59s
Details

Browse Source
This commit is contained in:
Twilight 2024-09-01 02:07:07 +08:00
parent 674d929c0b
commit 910668b205
2 changed files with 28 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/pages/chats/[id]/index.vue
View File

@ -14,6 +14,7 @@
<div v-else-if="message.role == 'system'">系统</div> <div v-else-if="message.role == 'system'">系统</div>
<div v-else-if="message.role == 'file'" class="text-right">文件</div> <div v-else-if="message.role == 'file'" class="text-right">文件</div>
<div v-else-if="message.role == 'image'" class="text-right">图片</div>
<div v-else-if="message.role == 'user'" class="text-right">用户</div> <div v-else-if="message.role == 'user'" class="text-right">用户</div>
<div v-else> <div v-else>
@ -35,10 +36,15 @@
</div> </div>
<div v-else-if="message.role == 'image'" class="text-right"> <div v-else-if="message.role == 'image'" class="text-right">
<img <img
:src="imageBaseUrl + '/' + message.content + '/download'" :src="fileBaseUrl + '/' + message.content + '/download'"
width="30%" width="30%"
/> />
</div> </div>
<div v-else-if="message.role == 'file'" class="text-right">
其他文件：<a :href="fileBaseUrl + '/' + message.content + '/download'"
>下载</a
>
</div>
<div v-else> <div v-else>
{{ message.content }} {{ message.content }}
</div> </div>
@ -107,7 +113,7 @@ const toolError = ref(false);
const toolCalling = ref(false); const toolCalling = ref(false);
const fileUpload = ref(); const fileUpload = ref();
const uploading = ref(false); const uploading = ref(false);
const imageBaseUrl = config.backend + "/api/v1/files"; const fileBaseUrl = config.backend + "/api/v1/files";
document.addEventListener("paste", function (event) { document.addEventListener("paste", function (event) {
const items = event.clipboardData && event.clipboardData.items; const items = event.clipboardData && event.clipboardData.items;
@ -243,7 +249,16 @@ const getMessages = () => {
api.ChatMessage.apiV1ChatsIdMessagesGet(chatId).then((res) => { api.ChatMessage.apiV1ChatsIdMessagesGet(chatId).then((res) => {
messages.value.data = []; messages.value.data = [];
res.data.data?.forEach((message: any) => { res.data.data?.forEach((message: any) => {
if (message.role === "assistant" || message.role === "user") { if (message.role === "file") {
// 如果 mime_type 是 image/
if (message.file.mime_type.startsWith("image/")) {
// 设置 content
message.role = "image";
}
message.content = message.file.id;
messages.value.data?.push(message);
} else if (message.role === "assistant" || message.role === "user") {
messages.value.data?.push(message); messages.value.data?.push(message);
} }
}); });

11
src/pages/public_chat/index.vue
View File

@ -272,7 +272,16 @@ const getMessages = () => {
).then((res) => { ).then((res) => {
messages.value.data = []; messages.value.data = [];
res.data.data?.forEach((message: any) => { res.data.data?.forEach((message: any) => {
if (message.role === "assistant" || message.role === "user") { if (message.role === "file") {
// 如果 mime_type 是 image/
if (message.file.mime_type.startsWith("image/")) {
// 设置 content
message.role = "image";
}
message.content = message.file.id;
messages.value.data?.push(message);
} else if (message.role === "assistant" || message.role === "user") {
messages.value.data?.push(message); messages.value.data?.push(message);
} }
}); });