Cloudinary自带的widget uploader上传前如何裁剪？

Question

我正在开发一个使用 Cloudinary's Upload Widget 的应用程序，它可以帮助我上传图像并裁剪它们，但我意识到它实际上并没有在上传之前裁剪图像，但它创建了一个 "Area of interest"这不是我要找的，因为如果我只需要大图像中的一小块区域，它会上传整个图像（使用 .

有办法吗？我查看了文档，但找不到任何线索。

this.widget = this.cloudinary.createUploadWidget({
      cloudName: "######",
      uploadPreset: "###",
      cropping: true,
      croppingCoordinatesMode: "custom",
      apiKey: "##########",
      uploadSignature: this.generateSignature.bind(this)
    }, (error, result) => {
      console.log(result)
      console.error(error)
    })

我实际上需要小部件在上传之前进行实际裁剪。

提前谢谢你。

Answer 1

您可以使用预设->上传操作中的传入转换，并将裁剪设置为裁剪，将重力设置为自定义。还要在小部件参数中添加 cropping: true 并且应该裁剪图像的选定部分，并且只会上传裁剪后的图像。

Cloudinary自带的widget uploader上传前如何裁剪？

How to crop before uploading with Cloudinary's own widget uploader?

image

cloudinary

angular