Question

我正在使用dropzone构建一个在线存储api的接口，用于上传文件。每次上传文件时，我都要上传多个文件并进行ajax调用，以便添加下面隐藏表单的输入字段。这对自己来说并不是什么大问题，我只需要添加对dropzone的init属性的调用（我不是创建一个custo dropzone，我只是使用默认的）。所以在第1581行，我写道：

  Dropzone.options = {
      init: function() {
            this.on("addedfile", function(file) { alert("added file"); });
          }

};

但是当我将i文件添加到dropzone时没有任何反应。我正在处理多个文件，所以我是在调用错误的事件吗？也许我应该称成功多少？ this是dropzone教程。有什么想法吗？

Answer 1

如果您有一个表单，其id =“my-awesome-dropzone”，如示例所示

<form action="/file-upload"
      class="dropzone"
      id="my-awesome-dropzone"></form>

您必须在同一文档中创建配置对象，即在标题

中

<script src="./path/to/dropzone.js"></script>

<script >
//"myAwesomeDropzone" is the camelized version of the HTML element's ID

Dropzone.options.myAwesomeDropzone = {
  init: function() {
    this.on("addedfile", function(file) { alert("Added file."); });
  }
};

</script>

如果不是这样，您将通过

创建dropzone

var myDropzone = new Dropzone("form.myFormClass"); //or something like this

您必须将选项添加为第二个参数

var myDropzone = new Dropzone("form.myFormClass", {
  init: function() {
    this.on("addedfile", function(file) { alert("Added file."); });
  }
});

Dropzone事件处理没有给出任何生命迹象

1 个答案: