添加更多的數據Dropzone.js發佈

所以，我有我的執行本教程在這裏：http://www.dropzonejs.com/bootstrap.html 添加更多的數據Dropzone.js發佈

這是偉大的工作，而我上傳的文件就好了。我現在想要做的是能夠在Dropzone上載圖像時發送用戶ID以及POST數據中的圖像。我確實找到了enyo的教程here，它解釋瞭如何將隱藏表單數據添加到dropzone，但使用dropzone提供的引導教程，沒有表單，因此不能發送隱藏的發佈數據。

如何使用上面鏈接的引導教程中的代碼，但仍然會將隱藏的輸入數據發送到上傳腳本？我是否必須以某種方式將提供的代碼轉換爲表單，如果是這樣，我該怎麼做？

來源

2014-10-20 dmarzio

這已經有一段時間，因爲你問這個問題，但基於懸浮窗網站提示

http://www.dropzonejs.com/#tips

你應該能夠做的3兩件事 -

1.如果有一個表單添加隱藏的參數。

2.您可以使用PARAMS像這樣 -

new Dropzone({ 
    url: "/", 
    params: { 
     foo: "bar" 
    } 
});

3手柄上像這樣發送事件 -

myDropzone.on("sending", function(file, xhr, formData) { 

// Will sendthe filesize along with the file as POST data. 

formData.append("filesize", file.size); 

});

來源

2016-01-19 01:07:59 Egon

我可以確認，'params：{foo：「bar」}'正在工作 – Djomla 2016-05-11 08:27:23

如果我使用動態值..它不會使用''params：{foo：dynamicValue}'' – Kasnady 2017-05-11 15:37:06

我覺得你提供的教程有點混亂，因爲實際上沒有任何形式參與。只需用class="dropzone"創建一個表格並添加隱藏的輸入。它僅顯示已刪除文件的默認模板和用於基本事件處理的一些JS代碼。我建議查看the main Dropzone page的例子。

例如，在我們的代碼，它看起來有點像這樣（節錄了一下）：

<form action="myAction" 
     class="dropzone" 
     id="dropzoneId" 
     name="pictures"> 
    <input type="hidden" name="id"> 
</form>

而且，真的，就是這樣。我們有一些Javascript代碼來處理隱藏的id字段和一些fancier功能，但id與圖片數據一起發佈。

來源

2014-10-20 19:49:37 SolarBear

這不適合我。它仍然可行嗎？ – user2570937 2015-10-06 23:54:35

我知道這是一個很老的帖子但是我試圖讓SolarBear的工作起作用，並且在向像這樣的隱藏輸入中添加參數「value」時它對我有用;

<form action="/action.php" class="dropzone"> 
<input type="hidden" name="additionaldata" value="valueToPass" /> 
</form>

感謝您的幫助！

來源

2017-05-17 22:57:46 Norahsakal

添加更多的數據Dropzone.js發佈

回答

相關問題