在 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