file drop

components/hybrid-input.vue

@@ -54,6 +54,7 @@
                 @input="$emit('input')"
                 @input="$emit('input')"
                 @keypress.enter="handleSendMsg"
                 @keypress.enter="handleSendMsg"
                 @keyup.enter="handleReturn"
                 @keyup.enter="handleReturn"
+                @drop="onFileDrop"
             ></div>
             ></div>
         </el-scrollbar>
         </el-scrollbar>
 
 
@@ -579,6 +580,20 @@
                 this.percentage = 0;
                 this.percentage = 0;
             }
             }
         }
         }
+
+        private onFileDrop(e: DragEvent) {
+            e.stopPropagation();
+            e.preventDefault();
+            const files = e.dataTransfer.files;
+            if (files && files.length) {
+                const file = files[0];
+                if (this.isImage(file)) {
+                    this.insertHtmlAtCaret(this.buildImageHtml(file));
+                } else {
+                    this.insertHtmlAtCaret(this.buildFileHtml(file));
+                }
+            }
+        }
     }
     }
 </script>
 </script>