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

我正在尝试为在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>

感谢您的帮助 :)

最佳答案

this.on("success", function(file, response) {
    file.serverId = response.id;
    $(".dz-preview:last-child").attr('id', "document-" + file.serverId);
});