拖拽上传

app/public/js/stage.js

@@ -2960,7 +2960,7 @@ $(document).ready(() => {
             });
             // 拖拽上传
             //拖拽上传文件
-            const dragbox = document.querySelector('#upload-img');
+            const dragbox = document.querySelector('.drag-img');
             dragbox.addEventListener('dragover', function(e) {
                 e.preventDefault(); // 必须阻止默认事件
             }, false);

app/view/stage/modal.ejs

@@ -327,14 +327,14 @@
                     <!--<a href="javascript: void(0);" class="btn btn-outline-primary btn-sm" id="upload-img">上传图片</a>-->
                 <!--</p>-->
                 <input type="file" id="upload-img-file" style="display: none;">
-                <div class="card mb-2" id="upload-img">
+                <div class="card mb-2 drag-img" id="upload-img">
                     <div class="card-body p-1">
                         <div class="text-center"><i class="fa fa-folder-open-o fa-3x"></i></div>
                         <div class="text-center">点击或拖动图片文件到这里进行上传</div>
                         <div class="text-center text-muted">仅支持单个文件上传，可以通过QQ、微信截图粘贴上传</div>
                     </div>
                 </div>
-                <div class="img-view">
+                <div class="img-view drag-img">
                 </div>
                 <div class="mt-2">
                     <textarea id="text-edit" class="form-control form-control-sm" placeholder="草图备注" rows="3">