如何使用Dropzone.js显示已存储在服务器上的文件
如何使用Dropzone.js显示已存储在服务器上的文件
提问于 2013-07-20 14:11:11
我不明白..。call它总是未定义
创建模拟文件：
var mockFile = { name: "Filename", size: 12345 };调用默认的addedfile事件处理程序
myDropzone.options.addedfile.call(myDropzone, mockFile);并可选择显示文件的缩略图：
myDropzone.options. thumbnail.call(myDropzone, mockFile, "/image/url");回答 7
Stack Overflow用户
发布于 2013-07-20 22:59:35
终于!！
$(function() {
var mockFile = { name: "banner2.jpg", size: 12345 };
var myDropzone = new Dropzone("#my-awesome-dropzone");
myDropzone.options.addedfile.call(myDropzone, mockFile);
myDropzone.options.thumbnail.call(myDropzone, mockFile, "http://localhost/test/drop/uploads/banner2.jpg");
})Stack Overflow用户
发布于 2015-10-17 18:40:11
我的基于“如何显示已经存储在服务器上的文件”的>= 4.0解决方案：https://github.com/enyo/dropzone/wiki/FAQ
maxFiles: 1,
init: function () {
this.on('maxfilesexceeded', function (file) {
this.removeAllFiles();
this.addFile(file);
});
var mocks = $dropzone.data('dropzone');
for (var i = 0; i < mocks.length; i++) {
var mock = mocks[i];
mock.accepted = true;
this.files.push(mock);
this.emit('addedfile', mock);
this.createThumbnailFromUrl(mock, mock.url);
this.emit('complete', mock);
}
}Stack Overflow用户
发布于 2016-08-31 23:01:26
基于上面punky的出色回答，你不应该忘记在末尾添加this._updateMaxFilesReachedClass();，如下所示：
init: function () {
var mockFile = { name: <filename>, size: <filesize>, type: <filetype>, url: <file_url> };
this.files.push(mockFile);
this.emit('addedfile', mockFile);
this.createThumbnailFromUrl(mockFile, mockFile.url);
this.emit('complete', mockFile);
this._updateMaxFilesReachedClass();
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17759286
复制相关文章
相似问题