diff --git a/browser_tests/assets/widgets/all_load_widgets.json b/browser_tests/assets/widgets/all_load_widgets.json
index 55c60c73c..b2d47fcba 100644
--- a/browser_tests/assets/widgets/all_load_widgets.json
+++ b/browser_tests/assets/widgets/all_load_widgets.json
@@ -61,7 +61,7 @@
"Node name for S&R": "LoadVideo"
},
"widgets_values": [
- "Dying for the right cause, is the most human thing we can do [sOBtQofXPDA].mp4",
+ null,
"image"
]
},
@@ -96,7 +96,7 @@
"Node name for S&R": "DevToolsLoadAnimatedImageTest"
},
"widgets_values": [
- "l0isitzgugt41.webp",
+ null,
"image"
]
},
@@ -131,7 +131,7 @@
"Node name for S&R": "LoadImage"
},
"widgets_values": [
- "ComfyUI_00084_.png",
+ null,
"image"
]
},
@@ -161,7 +161,7 @@
"Node name for S&R": "LoadImageMask"
},
"widgets_values": [
- "01. a lot.mp3",
+ null,
"alpha",
"image"
]
@@ -197,7 +197,7 @@
"Node name for S&R": "LoadImageOutput"
},
"widgets_values": [
- "ComfyUI_00509_.png [output]",
+ null,
false,
"refresh",
"image"
diff --git a/browser_tests/tests/vueNodes/widgets/load/uploadWidgets.spec.ts-snapshots/vue-nodes-upload-widgets-chromium-linux.png b/browser_tests/tests/vueNodes/widgets/load/uploadWidgets.spec.ts-snapshots/vue-nodes-upload-widgets-chromium-linux.png
index fc4c3f929..ac5b685ca 100644
Binary files a/browser_tests/tests/vueNodes/widgets/load/uploadWidgets.spec.ts-snapshots/vue-nodes-upload-widgets-chromium-linux.png and b/browser_tests/tests/vueNodes/widgets/load/uploadWidgets.spec.ts-snapshots/vue-nodes-upload-widgets-chromium-linux.png differ
diff --git a/src/renderer/extensions/vueNodes/components/ImagePreview.vue b/src/renderer/extensions/vueNodes/components/ImagePreview.vue
index 26ff64e1e..0492f2e41 100644
--- a/src/renderer/extensions/vueNodes/components/ImagePreview.vue
+++ b/src/renderer/extensions/vueNodes/components/ImagePreview.vue
@@ -20,7 +20,9 @@
>
{{ $t('g.imageFailedToLoad') }}
-{{ currentImageUrl }}
++ {{ getImageFilename(currentImageUrl) }} +
@@ -260,4 +262,12 @@ const handleKeyDown = (event: KeyboardEvent) => { break } } + +const getImageFilename = (url: string): string => { + try { + return new URL(url).searchParams.get('filename') || 'Unknown file' + } catch { + return 'Invalid URL' + } +}