Dropzone - 爲圖像添加額外值（隱藏字段）

我正在將DropZones.js與Laravel 5.2集成。到現在爲止還挺好。唯一的問題是上傳時，我想添加額外的隱藏字段到圖像容器。Dropzone - 爲圖像添加額外值（隱藏字段）

<div class="dz-preview "> 
    <img src="" /> 
</div> 

<div class="dz-preview "> 
    <img src="" /> 
</div> 
<div class="dz-preview "> 
    <img src="" /> 
</div>

我想：

<div class="dz-preview "> 
    <img src="" /> 
    <input type="hidden" name="imagehidden1" . . . > 
</div> 

<div class="dz-preview "> 
    <img src="" /> 
    <input type="hidden" name="imagehidden2" . . . > 
</div> 

<div class="dz-preview "> 
    <img src="" /> 
    <input type="hidden" name="imagehidden3" . . . > 
</div>

換句話說，我要加3個的隱藏字段，如果我加3張圖片，5，如果我加5等，各有其自己獨特的名稱。

有人嗎？

來源

2016-06-28 codiiv

隱藏輸入的目的是什麼？你是否想要在每個文件中發佈額外的數據，或者你是否希望在DOM中存在隱藏的輸入以獲取其他原因？ – wunch

上傳是序列化表單的一部分，我想提交圖像作爲該數組的一部分。 – codiiv

如果我理解你是正確的，你想提交實際的圖像以及其他表單數據？我從來沒有這樣做，我自己正常工作，並決定做內置到dropzone的動態上傳。我認爲困難在於僅出於安全原因纔讀取實際的文件輸入。所以，我想你必須生成一個FormData對象並用javascript提交，而不是默認提交。 – wunch

我做了一些挖掘，發現其中一個模板previewTemplate。我用我更新的HTML版本替換那個隱藏的輸入:)像這樣：

Dropzone.options.falcondropzone = { 
    previewsContainer  : ".dropzone-previews", 
    thumbnailWidth  : "400", 
    thumbnailHeight  : "200", 
    maxFiles    : 10, 
    maxFilesize   : 5000, 
    clickable    : '.roundedicon', 
    previewTemplate  : '<input type="hidden" name="uploadables[]" class="uploadedimg" /> . . . . . . }

這對我有用。我希望有一天能幫助別人

來源

2016-07-20 15:52:21 codiiv

Dropzone - 爲圖像添加額外值（隱藏字段）

回答

相關問題