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