在 Cloudinary 中使用 ngf-resize 上传图片

Posted 2023-03-25

【中文标题】在 Cloudinary 中使用 ngf-resize 上传图片

【英文标题】：uploading image using ngf-resize in Cloudinary

【发布时间】：2016-09-10 05:53:15

【问题描述】：

在 Cloudinary 中使用 ngf-resize 生成图像 URL。

<div id="direct_upload"
    ngf-drop="uploadFiles($file)"
    ngf-resize="width: 500, height:200, quality: 1.0" 
    ng-model="file">
 </div>

但来自 Cloudinary 的响应返回不同的宽度和高度。

【参考方案1】：

调整大小将保持图像的纵横比，因此宽度或高度之一将是调整大小中的值，另一个会更小，除非照片与 5X2 的纵横比完全相同。

如果您想丢失图像的一部分并将其居中裁剪，您可以这样做

ngf-resize="width: 500, height:200, centerCrop: true" 

这将使图像具有精确的大小，但会水平或垂直切割图像的一部分。