javascript - 如何将自定义属性（例如文件哈希）添加到 dropzone？

Question

使用 Dropzone 5.2.0。

我想在加载页面（加载现有文件）时向 Dropzone 添加一些自定义属性。

在我的 JS 中：在文档准备好时，我这样做：

var mydropzone = new Dropzone("#my-dropzone", {
        init: function () {
            var existingFile = getExistingFile();
            var self = this;
            if (existingFile != null) {
                var size = existingFile.Length;
                var name = existingFile.Name;
                existingDropzoneFile = { name: name, size: size, type: 'txt' };
                self.emit("addedfile", existingDropzoneFile);
            }
        }
    });

如何添加诸如添加“哈希”的自定义属性并将其显示在 html 中的内容？还是 foo:'bar' 前夕？

var mydropzone = new Dropzone("#my-dropzone", {
        init: function () {
            var existingFile = getExistingFile();
            var self = this;
            if (existingFile != null) {
                var size = existingFile.Length;
                var name = existingFile.Name;
                var hash = existingFile.Hash;
                existingDropzoneFile = { name: name, size: size, type: 'txt', hash:hash, foo:'bar' };
                self.emit("addedfile", existingDropzoneFile);
            }
        }
    });

我是否创建自己的模板并将此值分配给模板？

<div class="dz-preview dz-file-preview">
  <div class="dz-details">
    <div class="dz-filename"><span data-dz-name></span></div>
    <div class="dz-size" data-dz-size></div>
    <div class="dz-hash" data-dz-hash></div>
    <div class="dz-foo" data-dz-foo></div>
    <img data-dz-thumbnail />
  </div>
  <div class="dz-progress"><span class="dz-upload" data-dz-uploadprogress></span></div>
  <div class="dz-success-mark"><span>✔&lt;/span></div>
  <div class="dz-error-mark"><span>✘&lt;/span></div>
  <div class="dz-error-message"><span data-dz-errormessage></span></div>
</div>

标签： javascriptdropzone.js