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

Question

我正在抓取页面上的 Facebook 个人资料图片并将其本地加载到服务器，然后使用 emit 函数将其拉入 DropZone。我想要做的是将 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 似乎不起作用。谢谢大家！

Answer 1

使用 maxfilesexceeded 事件删除当前在拖放区上的文件并添加当前文件，例如（在 init 内）

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

关于文件上的删除按钮，不看回调很难判断 addedfile。如果你也可以 post，那将很有帮助。

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

Using DropZone to upload the Facebook Profile image, Max 1 upload

dropzone.js