1. ホーム
  2. file

[解決済み] アップロードするdropzone.jsファイルの数を制限するには?

2023-06-22 05:41:57

質問

ユースケースに応じて、dropzone.jsが許可するファイル数を制限するにはどうすればよいですか?

例えば、1、2、または4つのファイルしかアップロードできないようにする必要があるかもしれません。

これは uploadMultiple . 残念ながら uploadMultiple はリクエストごとに処理されるファイルの数にのみ適用されます。

どのように解決するのですか?

ノウェルの指摘により、これは解決されました。 に対応したとのことです。このフォームを使用した実用例は次のとおりです。

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

このJavaScriptを使うといい。

Dropzone.options.myAwesomeDropzone = {
  maxFiles: 1,
  accept: function(file, done) {
    console.log("uploaded");
    done();
  },
  init: function() {
    this.on("maxfilesexceeded", function(file){
        alert("No more files please!");
    });
  }
};

ドロップゾーン要素には特別なスタイルも用意されているので、以下のようなことも可能です。

<style>
  .dz-max-files-reached {background-color: red};
</style>