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

时间:2014-11-25 12:49:18

标签: javascript jquery html asp.net-mvc dropzone.js

我按照我的要求使用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那样上传文件而没有目的地网址,只有在点击文件上传按钮时才会进入服务器。此外,文件丢失不起作用。

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

1 个答案:

答案 0 :(得分: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()来上传文件。