2013-08-27 105 views
3

我使用http://www.dropzonejs.com/,因此用戶可以在瀏覽器中拖放圖像,以便他們可以使用JavaScript與它們進行交互,因此不涉及服務器端。Dropzone.js停止上傳

如何阻止Dropzone.js嘗試上傳文件? 然後,我怎樣才能通過JavaScript訪問拖動的文件(創建一個包含該圖像的新<img>標籤)?

目前我得到這個錯誤:

enter image description here

我創建這樣的懸浮窗:

 <form action="/file-upload" 
       class="dropzone" 
       id="my-awesome-dropzone"> 
     </form> 

我想要的功能是一樣的他們在其網站上的演示,在那裏你可以拖動圖像但不上傳。

謝謝!

+0

哪裏是你的Javascript/jQuery的一部分嗎? –

+0

jQuery部分是什麼? Dropzone不需要任何jQuery工作。 – Cristy

+0

我有同樣的問題,只有我的錯誤是419.你設法解決它嗎? – Kira

回答

2

可以設置autoProcessQueue:false

autoProcessQueue - >設置爲false時你必須調用myDropzone.processQueue()自己要上傳的丟棄的文件。有關處理隊列的更多信息,請參閱下文。

,您可以使用jquery

導航到該標籤
+0

試過了,但仍然出現錯誤。該腳本仍然嘗試訪問'/ file-upload' URL。 – Cristy

+0

你可以發送你的代碼示例 –

+0

這是所有的代碼,它張貼在上面。也嘗試了一些他們的選擇,但沒有成功。 – Cristy

0

也許試圖阻止這樣的提交:

<form action="/file-upload" 
     class="dropzone" 
     id="my-awesome-dropzone" 
     onsubmit="return false"> 
</form> 
+0

不起作用,因爲表單實際上沒有提交,他們使用AJAX將數據發送到服務器,只從URL中獲取url財產。 – Cristy