2014-11-25 249 views
3

我按照我的要求使用dropzone.js如何在dropzone.js中設置上傳按鈕

我想使用div作爲文件上傳控件,就像用戶在文件中拖放文件時應該顯示上傳文件一樣,當用戶點擊「提交」按鈕時,它應該去服務器,下一個其他的東西。

但現在我面臨的問題等,與表只有它是工作,當我上傳文件時,它直接將服務器與文件,我已經寫了像

<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, 

應該上傳文件( s)只有dropzone.js沒有目標網址,它應該只在點擊文件上傳按鈕時進入服務器。而且,文件放置不起作用。

請幫助我的人..如果沒有表格提交是不可能的,請給出任何建議替代解決方案。

回答

1

我不在我的開發計算機上,所以我不能嘗試它,但有兩件事可能會有所幫助。

1)你想作爲dropzone熱點的div不應該有dropzone類。它需要類dz消息。寫這樣的:

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

2)如果你不希望它的文件自動發送到服務器,您需要添加autoProcessQueue =假在Dropzone.options對象。然後您需要稍後手動調用myDropzone.processQueue()以上載文件。

+0

ok但IE,Safari的拖放功能不工作,是否有默認的功能,就像兩個瀏覽器不支持它? – Sanjay 2014-11-26 04:53:03

+0

什麼版本的IE和Safari? Dropzone只支持IE 10+和Safari 6+。 http://www.dropzonejs.com/ – psigns 2014-11-26 10:26:48

+0

你是如何解決它的?你可以幫我嗎 ?按鈕點擊上傳文件時遇到同樣的問題。 – 2015-10-08 08:49:39