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

Posted

技术标签:

【中文标题】在 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" 

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

【讨论】:

以上是关于在 Cloudinary 中使用 ngf-resize 上传图片的主要内容,如果未能解决你的问题,请参考以下文章

使用 multer-storage-cloudinary 存储在两个不同的文件夹中

如何在 mongodb 和 mongoose 模型中使用 cloudinary

无法使用 Heroku 将图像上传到 Cloudinary

无法使用 cloudinary 更新个人资料图片

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

如何在 ReactJS 中使用 cloudinary?