在使用Cloudinary自己的窗口小部件上传器进行上传之前,如何裁剪?

时间:2019-04-08 18:55:59

标签: angular image cloudinary

我正在开发一个使用Cloudinary's Upload Widget的应用程序,该应用程序可以帮助我上传图像并对其进行裁剪,但是我意识到它实际上并没有在上传之前对图像进行裁剪,而是创建了一个“感兴趣的区域”不是我要的内容,因为如果我只需要大图像中的一小部分,它将上传整个图像(使用。

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

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)
    })

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

谢谢。

1 个答案:

答案 0 :(得分:1)

您可以使用传入的转换,该转换将在您的预设->上载操作中进行,并将作物设置为作物,重力设置为自定义。 还要添加裁切:在小部件参数中为true,它应该裁切图像的选定部分,并且仅裁切的图像将被上传。