fix(ui): only get images from the clipboard

sentriz · Mar 8, 2023 · 7f53f43 · 7f53f43
1 parent 8f749de
commit 7f53f43
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/web/components/UploaderClipboard.vue b/web/components/UploaderClipboard.vue
@@ -14,9 +14,13 @@ const { loading, load } = useLoading(reqUpload)
 
 // TODO: not attach handler to the whole document, just the main page
 document.onpaste = async (event: ClipboardEvent) => {
-  const items = event.clipboardData?.items
+  const items = Array.from(event.clipboardData?.items ?? [])
   if (!items) return
-  const blob = items[0]?.getAsFile()
+
+  const transferItem = items.find((it) => it.type.startsWith('image/'))
+  if (!transferItem) return
+
+  const blob = transferItem.getAsFile()
   if (!blob) return
 
   const formData = new FormData()