javascript - 複数の dropzone.js - 単一ページ

Question

1 つの dropzone 要素に複数のファイルをアップロードするのではなく、1 つのページに複数の dropzone 要素を含めることはできますか?

複数の要素があり、それぞれ独自のドロップゾーンが初期化されている場合、選択ダイアログの後にドロップゾーンがトリガーされていないようです

Answer 1

dropzone を使用する一般的な方法は、クラス dropzone でフォーム要素を作成することです。

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

それでおしまい。Dropzone は、クラスが dropzone のすべてのフォーム要素を見つけて、自動的にそれにアタッチし、そこにドロップされたファイルを指定されたアクション属性にアップロードします。その後、次のように dropzone 要素にアクセスできます。

// "myAwesomeDropzone" is the camelized version of the HTML element's ID
Dropzone.options.myAwesomeDropzone = {
  paramName: "file", // The name that will be used to transfer the file
  maxFilesize: 2, // MB
  accept: function(file, done) {
    if (file.name == "justinbieber.jpg") {
      done("Naha, you don't.");
    }
    else { done(); }
  }
};

Answer 2

私の知る限り、独自の dropzone を作成すると、複数の dropzone 要素を持つことができます。

// Dropzone class:
var myDropzone = new Dropzone("div#myId", { url: "/file/post"});

// jQuery
$("div#myId").dropzone({ url: "/file/post" });