javascript - dropzne jsでアップロードする前にCropperが複数の画像をトリミングする

Question

ユーザーがドラッグ アンド ドロップで画像をアップロードできるようにするために、dropzone.js で Bootstrap を使用しています。そのため、複数の画像でもアップロードを含めて正常に機能するドロップゾーンを作成しました。しかし今、アップロードする前に画像をトリミングしたいと思います。dropzone.js の init 関数内の Event がちょうどいいところだと思いthis.on("added file", function(file){ますが、特殊なモデルで 1 つずつトリミングして、トリミングした画像をアップロードできるようにファイルを変換する方法がわかりません。

Answer 1

「addedFile」内の dropzone でアップロードされたファイルにアクセスできますが、dropzone 経由でアップロードされた画像をトリミングする場合は、cropperjs などの外部ライブラリを使用する必要があります。最初にドロップゾーンに複数のアップロードがある場合は、すべての画像にボタンを付けるか、すべての画像にクリックイベントを追加して、そのファイルをparamとしてcropperjsに渡します。