diff --git a/src/lib/components/chat/Messages/UserMessage.svelte b/src/lib/components/chat/Messages/UserMessage.svelte
index 126b3732c9..417c6737f6 100644
--- a/src/lib/components/chat/Messages/UserMessage.svelte
+++ b/src/lib/components/chat/Messages/UserMessage.svelte
@@ -222,10 +222,14 @@
 						<div class="flex items-center flex-wrap gap-2 -mx-2 mb-1">
 							{#each editedFiles as file, fileIdx}
 								{#if file.type === 'image' || (file?.content_type ?? '').startsWith('image/')}
+									{@const fileUrl =
+										file.url?.startsWith('data') || file.url?.startsWith('http')
+											? file.url
+											: `${WEBUI_API_BASE_URL}/files/${file.url}${file?.content_type ? '/content' : ''}`}
 									<div class=" relative group">
 										<div class="relative flex items-center">
 											<Image
-												src={file.url}
+												src={fileUrl}
 												alt="input"
 												imageClassName=" size-14 rounded-xl object-cover"
 											/>