diff --git a/webui/src/App.svelte b/webui/src/App.svelte
index 90abdb0..9cfa3e6 100644
--- a/webui/src/App.svelte
+++ b/webui/src/App.svelte
@@ -6,7 +6,7 @@
   import Home from "./views/Home.svelte";
   import Browse from "./views/Browse.svelte";
   import Search from "./views/Search.svelte";
-  import DropAdd from "./components/DropAdd.svelte";
+  import DropPasteHandler from "./components/DropPasteHandler.svelte";
   import AddModal from "./components/AddModal.svelte";
 
   const history = createHistory(createHashSource());
@@ -37,7 +37,7 @@
   <AddModal />
 </Router>
 
-<DropAdd />
+<DropPasteHandler />
 
 <style global lang="scss">
   @use "normalize.css/normalize.css";
diff --git a/webui/src/components/DropAdd.svelte b/webui/src/components/DropPasteHandler.svelte
similarity index 85%
rename from webui/src/components/DropAdd.svelte
rename to webui/src/components/DropPasteHandler.svelte
index 3377378..add7e5a 100644
--- a/webui/src/components/DropAdd.svelte
+++ b/webui/src/components/DropPasteHandler.svelte
@@ -5,7 +5,6 @@
   let dragging = false;
 
   function onDrop(ev: DragEvent) {
-    console.debug(ev.dataTransfer);
     if (ev.dataTransfer.files.length > 0) {
       addEmitter.emit("files", Array.from(ev.dataTransfer.files));
     } // TODO: else check for URLs
@@ -21,13 +20,20 @@
   function onDragLeave(ev: DragEvent) {
     dragging = false;
   }
+
+  function onPaste(ev: ClipboardEvent) {
+    if (ev.clipboardData.files.length > 0) {
+      addEmitter.emit("files", Array.from(ev.clipboardData.files));
+    } // TODO: else check for URLs
+  }
 </script>
 
 <svelte:body
   on:dragenter|preventDefault={onDragEnter}
   on:dragover|preventDefault={onDragOver}
   on:dragleave|preventDefault={onDragLeave}
-  on:drop|preventDefault={onDrop} />
+  on:drop|preventDefault={onDrop}
+  on:paste={onPaste} />
 
 <div class="dropindicator" class:dragging>
   <div class="content">