diff --git a/src/public/javascripts/services/note_detail.js b/src/public/javascripts/services/note_detail.js
index 5d90f8c66..c2f7c3393 100644
--- a/src/public/javascripts/services/note_detail.js
+++ b/src/public/javascripts/services/note_detail.js
@@ -18,6 +18,7 @@ import noteDetailRelationMap from './note_detail_relation_map.js';
 import bundleService from "./bundle.js";
 import attributeService from "./attributes.js";
 import utils from "./utils.js";
+import importDialog from "../dialogs/import.js";
 
 const $noteTitle = $("#note-title");
 
@@ -330,6 +331,20 @@ messagingService.subscribeToSyncMessages(syncData => {
     }
 });
 
+$noteDetailWrapper.on("dragover", e => e.preventDefault());
+
+$noteDetailWrapper.on("dragleave", e => e.preventDefault());
+
+$noteDetailWrapper.on("drop", e => {
+    importDialog.uploadFiles(getCurrentNoteId(), e.originalEvent.dataTransfer.files, {
+        safeImport: true,
+        shrinkImages: true,
+        textImportedAsText: true,
+        codeImportedAsCode: true,
+        explodeArchives: true
+    });
+});
+
 $(document).ready(() => {
     $noteTitle.on('input', () => {
         noteChanged();