Dropzone - 为图像添加额外值(隐藏字段)

时间:2016-06-28 19:01:43

标签: javascript jquery laravel

我正在将DropZones.js与Laravel 5.2集成。到现在为止还挺好。唯一的一点是,在上传时,我想在图像容器中添加额外的隐藏字段。

<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个,依此类推,每个都有自己唯一的名称

任何?

1 个答案:

答案 0 :(得分:1)

我做了一些挖掘,发现其中一个模板 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" /> . . . . . .  } 

这对我有用。我希望有一天能帮到某人