javascript - 在 Dropzone.js 中将 ID 添加到预览 div

Question

我正在尝试为在 Dropzone.js 中上传的每个文件添加一个 id 属性，以便稍后对其进行排序。

这是我的代码:

Dropzone.options.pictureDropzone = {
  paramName: "file",
  addRemoveLinks: true,
  init: function() {
    this.on("success", function(file, response) {
        file.serverId = response.id;
        $(file.previewTemplate).find('.dz-preview').attr('id', "document-" + file.serverId);
    });
  }
};

线

$(file.previewTemplate).find('.dz-preview').attr('id', "document-" + file.serverId);

应该添加 id，但它什么也没做。也用 prop() 试过了。

如果我选择不同的元素，它确实可以正常工作。例如，这适用于 .dz-details

$(file.previewTemplate).find('.dz-details').attr('id', "document-" + file.serverId);

但我似乎找不到将它添加到 dz-preview 元素的方法。


HTML 结构如下所示:

<div class="dz-preview dz-processing dz-image-preview dz-success">
    <div class="dz-details"> ... </div>
    <div class="dz-progress"> ... </div>
    <div class="dz-success-mark"> ... </div>
</div>

谢谢你的帮助:)

Answer 1

我知道这是旧的，但如果有人仍在寻找答案:-

      this.on("success", function(file, response) {
          file.previewElement.id = response.id;
      });