【问题标题】:removing all manually added files from Dropzone.js?从 Dropzone.js 中删除所有手动添加的文件?
【发布时间】:2014-02-19 08:39:53
【问题描述】:

以编程方式删除以编程方式添加到 Dropzone 的文件时出现未知问题。 这是我的代码不起作用:

// constructor - OK
docsDropzone = new Dropzone( "#docsUpload", {
    url: uploadUrl,
    addRemoveLinks: true,
    init: function() {
        this.on( 'removedfile', removedFileCallback );
    }
} );

// add file - OK
var mockFile = { name: 'test.jpg', size: 0 };
docsDropzone.emit( "addedfile", mockFile );
docsDropzone.emit( "thumbnail", mockFile, 'test.jpg' );

// remove files - NOT OK
docsDropzone.removeAllFiles( true );

【问题讨论】:

    标签: javascript dropzone.js


    【解决方案1】:

    addedfile 函数没有向dropzone.files 添加文件 所以必须手动添加:

    // add file - OK
    var mockFile = { name: 'test.jpg', size: 0, status: 'success' };
    docsDropzone.emit( "addedfile", mockFile );
    docsDropzone.emit( "thumbnail", mockFile, 'test.jpg' );
    docsDropzone.files.push( mockFile ); // file must be added manually
    
    // remove files - NOW OK
    docsDropzone.removeAllFiles( true );
    

    【讨论】:

    • 感谢 dropzone 中未记录的“推送”声明!
    • 优秀的答案。我一直在寻找一种方法来删除发出的缩略图很长一段时间,现在它可以工作了!!!!感谢您拯救了这一天。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-07-01
    • 2013-11-11
    • 1970-01-01
    • 2013-10-22
    • 2021-06-01
    相关资源
    最近更新 更多