悬浮窗类.dz开工及在“previewsContainer”选项设置

Question

我使用JavaScript Dropzone.js我的网页上有以下代码单击问题：

Dropzone.options.myDropzone = { 
 
    previewsContainer: ".dropzone-previews", // ?dz-started 
 
};

<form action="assets/plugins/dropzone/upload.php" class="dropzone" id="my-dropzone"> 
 
    <button type="submit" class="btn btn-lg btn-success">ارسال فایل</button> 
 
    <div class="dropzone-previews"></div>    
 
</form>

我需要做这个配置是因为我试图在其上安装Dropzone的页面是一个工作页面，我希望尽可能保留以前的代码。 但有了这个配置出现了两个问题：
1-当我向Dropzone添加一个文件时，“dz-started”css类不会添加到html dropzone元素，结果是“drop file here ...”消息。不要放弃。
2-当我向Dropzone添加多个文件时，从那一刻起，我的一些文件缩略图单击操作不会打开文件对话框。
请帮助我，谢谢。

Answer 1

不知道这是你在找什么，但如果你只需要dropzone的正常行为和一个按钮来提交被丢弃的图像，你可以使用一个没有预览容器的表单，并把提交按钮放在这个外面，像这样：

HTML：

<form action="assets/plugins/dropzone/upload.php" class="dropzone" id="my-dropzone"></form> 
<button id="dzsubmit" type="button" class="btn btn-lg btn-success">ارسال فایل</button> 

按钮ID就是，轻松锁定它如果你有在页面更多的按钮。

JS：

Dropzone.options.myDropzone = { 
    autoProcessQueue: false, 
    uploadMultiple: true, 
    init: function() { 
     var myDropzone = this; 
     var submitButton = document.querySelector("#dzsubmit"); 
     submitButton.addEventListener("click", function() { 
      myDropzone.processQueue(); 
     }); 
    } 
};