Cropper使用dropzne js上传之前裁剪多个图像

Question

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

Answer 1

您可以在＆＃34; addedFile＆＃34;中的dropzone中访问上传的文件。但如果你想裁剪通过dropzone上传的图片，你必须使用外部图片，例如cropperjs。首先，如果你在dropzone中有多个上传，那么给每个图像一个按钮，或者为每个图像添加一个点击事件，并将该文件作为参数传递给cropperjs。