Dropzone.js 以编程方式调用 accept() 函数答案

【问题标题】：Dropzone.js invoke accept() function programmaticallyDropzone.js 以编程方式调用 accept() 函数
【发布时间】：2013-08-07 13:37:44
【问题描述】：

我使用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 中删除文件时却没有。那么是否可以通过编程方式调用接受函数？

我试过了，但它不起作用：

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 ) {

【问题讨论】：

标签： javascript jquery file-upload drag-and-drop dropzone.js

【解决方案1】：

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

这涉及将文件存储到变量中，从 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);
}

【讨论】：

【解决方案2】：

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

【讨论】：