Question

我的dropzone有问题，

$(".js-example-basic-multiple").select2();
Dropzone.options.dropZone = {
    //options here
    maxFilesize: 2,
    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();
    },
    init: function() {
        this.on("maxfilesexceeded", function(file){
            alert("No more files please!");
        });
    }
}

我的问题是，当文件无法上传时，它仍会显示预览图像，所以我需要在这些文件无法上传时自动删除该文件，我该怎么办？

Answer 1

我想，如果我理解正确，您可以使用以下代码删除图片：

Dropzone.options.dropZone = {
    ...
    , error: function(file, message, xhr) {
        $(file.previewElement).remove();
    },
    ...
}

再次阅读文档。此代码来自文档：

myDropzone.on("error", function(file) {
  myDropzone.removeFile(file);
});

如果您的情况有效，请告诉我。

Answer 2

当连接错误为“ xhr.ontimeout”时，功能“错误：”不运行。

我需要（粘贴在“ init：”旁边）：

sending: function(file, xhr, formData) {
  //Execute on case of timeout only
  xhr.ontimeout = function(e) {
   alert('connection interrupted');
 };
}

Dropzone.js - 如果上传失败，则删除预览文件

2 个答案: