Dropzone max文件只有一个并删除第二个文件

时间:2017-09-15 02:33:27

标签: dropzone

我只是使用我的代码

Dropzone.options.attachkyc = {
            maxFiles: 1,
            accept: function(file, done) {
            console.log("uploaded");
            done();
            },
            init: function() {
                this.on("maxfilesexceeded", function(file){
                    alert("No more files please!");
                });
            },
            addRemoveLinks: true,
            removedfile: function(file) {
                var name = file.name;        
                $.ajax({
                    type: 'POST',
                    url: host+'upload/unfile',
                    data: "id="+name,
                    dataType: 'html'
                });
                var _ref;
                return (_ref = file.previewElement) != null ? _ref.parentNode.removeChild(file.previewElement) : void 0;   

                //console.log();
            }
        };

当我上传第二个文件时显示警告"请不要再提供文件了!",好的是工作taht文件没有上传,但我的问题是,第二个文件我添加它仍然显示在我的dropzone上。我的问题是我在显示警报后如何自动删除第二个文件?

2 个答案:

答案 0 :(得分:3)

如果要删除最大文件扩展文件,只需使用dropzone的maxfilesexceeded方法

    init: function() {
         myDropzone.on("maxfilesexceeded", function (file) {
                this.removeFile(file);
            });
    },

或者你也可以使用另一种方法

  init: function() {
  myDropzone.on("addedfile", function (file) {

                if (myDropzone.files.length === 1) {
                    alert("You can Select upto 1 Pictures for Venue Profile.", "error");
                    this.removeFile(file);
                }

            });
 },

答案 1 :(得分:0)

我最终解决了我的问题。 在

 init: function() {
            this.on("maxfilesexceeded", function(file){
                alert("No more files please!");
            });
        },

我把它变成这样的

init: function() {
            this.on("maxfilesexceeded", function(file){
                alert("No more files please!");
                this.removeFile(file);
            });
        },

是我想要的完美工作。