使用DropZone上传Facebook个人资料图像，最多1次上传

Question

我正在抓取页面上的Facebook个人资料图片并将其本地加载到服务器，然后使用emit函数将其拉入DropZone。我想做的是将下拉区中可用的文件数量限制为1。换句话说，如果他们想要删除预先加载的Facebook，那么他们只能再加载一张图片。下面是我的代码

     var myDropzone = new Dropzone(".dropzone");
             Dropzone.options.myDropzone = {
                 maxFiles: 1,
                 init: function () {
                  this.on("complete", function (data) {
                     var res = eval('(' + data.xhr.responseText + ')');
                    });
                   }
                };
             mockFile = {name:"image.jpg", size:9};
             // Call the default addedfile event handler
             myDropzone.emit("addedfile", mockFile);
            // And optionally show the thumbnail of the file:
             myDropzone.emit("thumbnail", mockFile, "/usf/jsSDK/uploads/image.jpg");

1. 我的预加载图像似乎没有删除选项
2. 我的选项限制1似乎不起作用。感谢所有!

Answer 1

使用maxfilesexceeded事件删除当前在dropzone上的文件并添加当前文件，例如(在init中)

this.on("maxfilesexceeded", function(new_file) {
    this.removeAllFiles();
    this.addFile(new_file);
});

关于文件上的删除按钮，如果不查看回调addedfile，很难判断。如果你能把它也贴出来，那就很有帮助了。