javascript - 裁剪器在使用 dropzne js 上传之前裁剪多个图像

Question

我将 Bootstrap 与 dropzone.js 一起使用，以使用户可以通过拖放上传图像。因此，我创建了一个可以正常工作的放置区，包括上传，即使有多个图像。但是现在，我想在上传之前裁剪图像。我认为this.on("added file", function(file){dropzone.js的init函数中的Event是正确的地方，但我不知道如何转换文件，以便我可以在特殊模型中逐个裁剪并上传裁剪后的图像。

Answer 1

您可以在“addedFile”中的 dropzone 中访问上传的文件，但如果您想裁剪通过 dropzone 上传的图像，您必须使用外部库，例如cropperjs。首先，如果您在 dropzone 中进行了多次上传，则为每个图像提供一个按钮或为每个图像添加一个单击事件，并将该文件作为参数传递给cropperjs。