root
/
open-webui
mirror of https://github.com/open-webui/open-webui.git
1
0
Fork 0
Code Issues Actions 11 Packages Projects Releases Wiki Activity

fix(image): Use generic filename for downloaded images 

Previously, when downloading a generated image, the filename was set to the AI's response text. This was not ideal as the response text could be long and contain characters that are not suitable for filenames.

This commit changes the behavior to use a generic, translatable filename for downloaded images. The new filename is 'ai_generated_image' (or its translation), which is more user-friendly and consistent.
This commit is contained in:
google-labs-jules[bot] 2025-09-24 19:39:08 +00:00
parent b55a38ee97
commit ab30b105e2
2 changed files with 16 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/lib/components/common/ImagePreview.svelte
View File

@ -1,5 +1,5 @@
<script lang="ts"> <script lang="ts">
import { onDestroy, onMount } from 'svelte'; import { onDestroy, onMount, getContext } from 'svelte';
import panzoom, { type PanZoom } from 'panzoom'; import panzoom, { type PanZoom } from 'panzoom';
import fileSaver from 'file-saver'; import fileSaver from 'file-saver';
@ -11,6 +11,8 @@
export let src = ''; export let src = '';
export let alt = ''; export let alt = '';
const i18n = getContext('i18n');
let mounted = false; let mounted = false;
let previewElement = null; let previewElement = null;
@ -100,9 +102,10 @@
const mimeType = blob.type || 'image/png'; const mimeType = blob.type || 'image/png';
// create file name based on the MIME type, alt should be a valid file name with extension // create file name based on the MIME type, alt should be a valid file name with extension
const fileName = alt const fileName = `${$i18n
? `${alt.replaceAll('.', '')}.${mimeType.split('/')[1]}` .t('AI Generated Image')
: 'download.png'; .toLowerCase()
.replace(/ /g, '_')}.${mimeType.split('/')[1]}`;
// Use FileSaver to save the blob // Use FileSaver to save the blob
saveAs(blob, fileName); saveAs(blob, fileName);
@ -119,9 +122,10 @@
const blobWithType = new Blob([blob], { type: mimeType }); const blobWithType = new Blob([blob], { type: mimeType });
// create file name based on the MIME type, alt should be a valid file name with extension // create file name based on the MIME type, alt should be a valid file name with extension
const fileName = alt const fileName = `${$i18n
? `${alt.replaceAll('.', '')}.${mimeType.split('/')[1]}` .t('AI Generated Image')
: 'download.png'; .toLowerCase()
.replace(/ /g, '_')}.${mimeType.split('/')[1]}`;
// Use FileSaver to save the blob // Use FileSaver to save the blob
saveAs(blobWithType, fileName); saveAs(blobWithType, fileName);
@ -146,9 +150,10 @@
const blobWithType = new Blob([blob], { type: mimeType }); const blobWithType = new Blob([blob], { type: mimeType });
// create file name based on the MIME type, alt should be a valid file name with extension // create file name based on the MIME type, alt should be a valid file name with extension
const fileName = alt const fileName = `${$i18n
? `${alt.replaceAll('.', '')}.${mimeType.split('/')[1]}` .t('AI Generated Image')
: 'download.png'; .toLowerCase()
.replace(/ /g, '_')}.${mimeType.split('/')[1]}`;
// Use FileSaver to save the blob // Use FileSaver to save the blob
saveAs(blobWithType, fileName); saveAs(blobWithType, fileName);

1
src/lib/i18n/locales/en-US/translation.json
View File

@ -74,6 +74,7 @@
"Advanced Parameters": "", "Advanced Parameters": "",
"Advanced Params": "", "Advanced Params": "",
"AI": "", "AI": "",
"AI Generated Image": "AI Generated Image",
"All": "", "All": "",
"All Documents": "", "All Documents": "",
"All models deleted successfully": "", "All models deleted successfully": "",