javascript - Dropzone.js v5 不显示服务器中的文件 : Cannot read property 'filename' of undefined

Question

我正在使用最新的 Dropzone.js 构建单个图像上传表单v5.1。我需要显示已存储在我的服务器中的文件，因此我遵循 official tutorial在 repo wiki 中。我的代码如下所示:

Dropzone.options.mainMediaForm = {
    paramName: "file",
    maxFilesize: 2,
    maxFiles: 1,
    thumbnailHeight: null,
    thumbnailWidth: null,
    acceptedFiles: 'image/*',
    init: function() {
        this.on("addedfile", function(file) {
            if (this.files.length > 1) {
                this.removeFile(this.files[0]);
            }
        });
        this.on("thumbnail", function(file) {
            if (file.width != imageWidth || file.height != imageHeight) {
                file.rejectDimensions()
            }
            else {
                file.acceptDimensions();
            }
        });
        // Start of tutorial code //
        var mockFile = { name: "Filename", size: 12345 };
        this.emit("addedfile", mockFile);
        this.emit("thumbnail", mockFile, "url/image.jpg");
        this.emit("complete", mockFile);
        // End of tutorial code //
    },
    accept: function(file, done) {
        file.acceptDimensions = done;
        file.rejectDimensions = function() { done("Invalid dimension."); };
    }
};

一切工作正常，除了应用的教程代码，它记录了一个错误:

Uncaught TypeError: Cannot read property 'filename' of undefined
at Dropzone.addedfile (dropzone.js:296)
at Dropzone.Emitter.emit (dropzone.js:58)
at Dropzone.init (edit:516)
at Dropzone.init (dropzone.js:721)
at new Dropzone (dropzone.js:506)
at Function.Dropzone.discover (dropzone.js:1596)
at Dropzone._autoDiscoverFunction (dropzone.js:2046)
at HTMLDocument.init (dropzone.js:2015)

这是 HTML，非常标准:

<!-- Main media form -->
<form id="main-media-form" action="action/url" class="dropzone">
  <div class="fallback">
    <input name="file" type="file"/>
  </div>
</form>  

我已经尝试过在 SO 中找到的其他一些答案，但它们都不起作用，总是出现相同的错误。此时我不知道是我做错了什么还是教程已经过时了。

感谢任何帮助。

Answer 1

有同样的问题。 现已在5.1.1版本中修复!