我正在使用最新的Dropzone.js v5.1构建单个图像上载表单。我需要显示已存储在我的服务器中的文件,因此我遵循回购wiki中的official tutorial。我的代码如下所示:Dropzone.js v5未显示来自服务器的文件:无法读取未定义的属性'文件名'
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>
我已经尝试了一些其他的答案,我在这里找到了,但他们都没有工作,总是有同样的错误。在这一点上,我不知道我是否做错了什么,或者教程已经过时。
任何帮助表示赞赏。