javascript - 如何在 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没有目标 url，它应该只在单击文件上传按钮时转到服务器。此外，文件删除不起作用。

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

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() 来上传文件。