如何在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（）来上载文件。