OpenWebUI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2025-06-26 18:26:48 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

refac

Browse Source
This commit is contained in:
Timothy Jaeryang Baek 2025-05-28 16:36:23 +04:00
parent 32135a29bb
commit 4279762ea4
1 changed files with 34 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -104,25 +104,55 @@
const blob = new Blob([Uint8Array.from(atob(base64Data), (c) => c.charCodeAt(0))], { const blob = new Blob([Uint8Array.from(atob(base64Data), (c) => c.charCodeAt(0))], {
type: 'image/png' type: 'image/png'
}); });
saveAs(blob, alt || 'download.png');
const mimeType = blob.type || 'image/png';
// create file name based on the MIME type, alt should be a valid file name with extension
const fileName = alt ? `${alt}.${mimeType.split('/')[1]}` : 'download.png';
// Use FileSaver to save the blob
saveAs(blob, fileName);
return; return;
} else if (src.startsWith('blob:')) { } else if (src.startsWith('blob:')) {
// Handle blob URLs // Handle blob URLs
fetch(src) fetch(src)
.then((response) => response.blob()) .then((response) => response.blob())
.then((blob) => { .then((blob) => {
saveAs(blob, alt || 'download.png'); // detect the MIME type from the blob
const mimeType = blob.type || 'image/png';
// Create a new Blob with the correct MIME type
const blobWithType = new Blob([blob], { type: mimeType });
// create file name based on the MIME type, alt should be a valid file name with extension
const fileName = alt ? `${alt}.${mimeType.split('/')[1]}` : 'download.png';
// Use FileSaver to save the blob
saveAs(blobWithType, fileName);
}) })
.catch((error) => { .catch((error) => {
console.error('Error downloading blob:', error); console.error('Error downloading blob:', error);
}); });
return; return;
} else if (src.startsWith('http://') || src.startsWith('https://')) { } else if (
src.startsWith('/') ||
src.startsWith('http://') ||
src.startsWith('https://')
) {
// Handle remote URLs // Handle remote URLs
fetch(src) fetch(src)
.then((response) => response.blob()) .then((response) => response.blob())
.then((blob) => { .then((blob) => {
saveAs(blob, alt || 'download.png'); // detect the MIME type from the blob
const mimeType = blob.type || 'image/png';
// Create a new Blob with the correct MIME type
const blobWithType = new Blob([blob], { type: mimeType });
// create file name based on the MIME type, alt should be a valid file name with extension
const fileName = alt ? `${alt}.${mimeType.split('/')[1]}` : 'download.png';
// Use FileSaver to save the blob
saveAs(blobWithType, fileName);
}) })
.catch((error) => { .catch((error) => {
console.error('Error downloading remote image:', error); console.error('Error downloading remote image:', error);