diff --git a/src/UI/Base/FileSelector.svelte b/src/UI/Base/FileSelector.svelte
index e7958eebed..b4317656b2 100644
--- a/src/UI/Base/FileSelector.svelte
+++ b/src/UI/Base/FileSelector.svelte
@@ -2,7 +2,7 @@
   import { createEventDispatcher, onDestroy } from "svelte"
   import { twMerge } from "tailwind-merge"
 
-  export let accept: string
+  export let accept: string | undefined
   export let multiple: boolean = true
 
   const dispatcher = createEventDispatcher<{ submit: FileList }>()
diff --git a/src/UI/Image/UploadImage.svelte b/src/UI/Image/UploadImage.svelte
index b96e12aa58..c5877e2621 100644
--- a/src/UI/Image/UploadImage.svelte
+++ b/src/UI/Image/UploadImage.svelte
@@ -97,7 +97,7 @@
         <Tr t={error} cls="alert" />
       {/each}
       <FileSelector
-        accept="image/*"
+        accept=".jpg,.jpeg"
         cls="button border-2 flex flex-col"
         multiple={true}
         on:submit={(e) => handleFiles(e.detail)}
@@ -122,6 +122,14 @@
           {/if}
         </div>
       </FileSelector>
+      <FileSelector
+        accept={undefined}
+        cls="subtle as-link flex justify-center md:hidden"
+        multiple={true}
+        on:submit={(e) => handleFiles(e.detail)}
+      >
+        Use the file selector dialog
+      </FileSelector>
       <div class="subtle text-xs italic">
         <Tr t={Translations.t.general.attribution.panoramaxLicenseCCBYSA} />
         <span class="mx-1">—</span>