Question

我使用Dropzone.js并且我为拒绝具有相同文件名的文件的文件实现了自定义约束。下面是我的初始化代码：

var myDropzone = new Dropzone("div#myId", {
  url: MpgCommon.app.route('upload_files_path'),
  addRemoveLinks: true,
  thumbnailWidth: "80",
  thumbnailHeight: "80",
  dictCancelUpload: "Cancel",
  parallelUploads: 12,
  uploadMultiple: false,
  autoProcessQueue: false,
  accept: function(file, done) {
    var selected_filenames = $.map(myDropzone.files, function(selected_file) {
      return (selected_file.name.replace(/\.[^.]+$/, ''));
    });
    var filename = file.name.replace(/\.[^.]+$/, '')
    if ($.inArray(filename, selected_filenames) != selected_filenames.length-1){
      var error_msg = "Error!";
      $('.edit_tooltip .gui_message.error').css({display: "block"}).html(error_msg);
      done(error_msg);
    }
    else {
      $('.edit_tooltip .gui_message.error').css({display: "none"}).html('');
      done();
    }
  }
});

现在看来，在添加文件时会调用accept函数，而在从dropzone中删除文件时则不会。那么可以以编程方式调用accept函数吗？

我尝试了这个，但它不起作用：

myDropzone.on("removedfile", function(file) {
  var rejected_files = myDropzone.getRejectedFiles();
  console.log(rejected_files);
  rejected_files.forEach(function () {
    console.log(this);
    myDropzone.accept(this);
  });
});

我在控制台中遇到的错误是：

TypeError: done is not a function
if ( args ) {

Answer 1

这不是最佳解决方案，但我发现如果您以编程方式模拟现有文件的放置功能，则可以实现“重新处理现有文件”的类似结果。 / p>

这涉及将文件存储到变量中，从Dropzone对象中删除文件并重新添加文件。从您的javascript文件执行：

// Single file example. For multiple use dropzone.addFiles(dropzone.files);
var singleFile = dropzone.files[0];
if (singleFile) {
    dropzone.removeAllFiles(false);
    dropzone.addFile(singleFile);
}

Answer 2

我在github上回答了这个问题：https://github.com/enyo/dropzone/issues/257

Dropzone.js以编程方式调用accept（）函数

2 个答案: