如何在 dropzone.js 中设置上传按钮

Question

我正在根据我的要求使用dropzone.js。

我想使用 div 作为文件上传控件，例如当用户在 div 中拖放文件时，它应该显示上传的文件，当用户单击“提交”按钮时，它应该转到服务器，然后是其他内容。

但是在这里我遇到了这样的问题，只有 Form 可以正常工作，当我上传文件时，它会直接将文件发送到服务器，我写的是这样的

 <form action="~/Employer/GetFile" method="post" enctype="multipart/form-data" class="dropzone" id="dropzoneForm" style="width: 50px; background: none; border: none;">
    <div class="fallback">
        <input name="file" type="file" />
        <input type="submit" value="Upload" />
    </div>
 </form>  // Working Fine , 


 <div class="watermark pull-left margin-top-1 dropzone" id="divDropFile"></div> // Not wroking, 

它应该只上传文件，如dropzone.js 没有目标网址，它应该只在点击文件上传按钮时转到服务器。此外，文件删除不起作用。

请任何人帮助我..如果没有表单提交是不可能的，请提供任何替代解决方案的建议。

Answer 1

我不在我的开发计算机上，所以我无法尝试，但有两件事可能会有所帮助。

1) 你想作为 dropzone 热点的 div 不应该有 dropzone 类。它需要类 dz-message。像这样写：

<div class="watermark pull-left margin-top-1 dz-message" id="divDropFile" data-dz-message></div>

2) 如果您不希望它自动将文件发送到服务器，则需要在 Dropzone.options 对象中添加 autoProcessQueue = false。然后，您需要稍后手动调用 myDropzone.processQueue() 来上传文件。