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

Dropzone.js invoke accept() function programmatically

本文关键字：accept 函数 调用 方式 js 编程 Dropzone      更新时间：2023-09-26

我使用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 ) {

这是一个不太理想的解决方案，但我发现，如果您以编程方式用现有文件模拟拖放功能，您可以实现类似的"重新处理现有文件"的结果。

这包括将文件存储到一个变量中，从Dropzone对象中删除文件，然后将文件添加回

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

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

相关文章：