Question

我正在使用最新的Dropzone.js v5.1构建单个图片上传表单。我需要显示已存储在我的服务器中的文件，因此我按照repo wiki中的official tutorial进行操作。我的代码如下所示：

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

我有同样的问题，我使用以前版本的dropzone解决了它，这是v 5的一个问题

Answer 2

有同样的问题。现已修复版本 5.1.1 ！

Dropzone.js v5没有显示来自服务器的文件：无法读取属性＆＃39; filename＆＃39;未定义的

2 个答案: