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

【问题标题】：uploading image using ngf-resize in Cloudinary在 Cloudinary 中使用 ngf-resize 上传图片
【发布时间】：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}"

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

【讨论】：