2017-06-15 56 views
0

我正在使用最新的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> 

我已经尝试了一些其他的答案,我在这里找到了,但他们都没有工作,总是有同样的错误。在这一点上,我不知道我是否做错了什么,或者教程已经过时。

任何帮助表示赞赏。

回答

1

问题有同样的问题。 现在固定在版本5.1.1

1

我有同样的问题,我用悬浮窗的以前版本的解决这个问题,它用v 5

相关问题