ti.sil/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2025-12-17 14:55:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Merge pull request #17721 from Classic298/fix-image-download-filename

Browse source 
fix: Use generic filename for downloaded images
This commit is contained in:
Tim Jaeryang Baek 2025-09-25 02:02:19 -05:00 committed by GitHub
commit b8a51de977
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
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('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('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('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": "",
"Generated Image": "Generated Image",
"All": "", "All": "",
"All Documents": "", "All Documents": "",
"All models deleted successfully": "", "All models deleted successfully": "",