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' + } +}