上传到 cloudinary 时图像正在压缩

Posted

技术标签:

【中文标题】上传到 cloudinary 时图像正在压缩【英文标题】:Image is compressing while uploading to cloudinary 【发布时间】:2021-10-06 19:00:48 【问题描述】:

这是我将图片上传到 cloudinary 的代码。

let imageArr = [];
    if (media) 
      media && imageArr.push(media.thumbUrl);
    

    let resultPromise = imageArr.map(async (img) => 
      await cloudinary.uploader.upload(
        img,
         folder: process.env.STORE_NAME , //Uploads to Specific Store Folder
        async (err, result) => 
          imageUrls.push(result.secure_url);
        
      );
    );

但图像在上传到 200 * 200 大小时会自动压缩。实际大小为 1000 * 1000。 https://res.cloudinary.com/sreeragcodes/image/upload/v1626531856/igowvkzckmlafwpipc22.png

这是编码方面的错误还是我应该在 cloudinary 中配置一些东西?我检查了 cloudinary,但没有对此进行配置

【问题讨论】:

【参考方案1】:

在您共享的代码中,您没有应用任何incoming transformation,这可能是您的图像可能会调整大小的原因之一。如果您登录您的 Cloudinary 帐户并转到您的设置 -> 上传选项卡并向下滚动到上传预设部分,您是否选择了任何默认上传预设?如果是这样,该上传预设是否有任何传入的转换?

除非您将传入转换作为默认上传预设的一部分应用,否则此转换不会应用于 Cloudinary 级别。

如果您没有应用默认上传预设,那么我会检查输入图像,并可能在将图像上传到 Cloudinary 之前将图像存储在本地并查看这些图像的大小。

请注意,您将每个媒体的thumbUrl 上传到 Cloudinary。是不是这个缩略图 URL 被配置为 200x200px 并且可以解释为什么你的图片在上传到 Cloudinary 时是这样的?

【讨论】:

以上是关于上传到 cloudinary 时图像正在压缩的主要内容,如果未能解决你的问题,请参考以下文章

通过 angularjs 将图像上传到 cloudinary 时遇到问题

将图像上传到 Cloudinary

cloudinary 在尝试上传图像时返回一个空对象 + 图像未上传(快速服务器)

Nuxt.js - 如何将图像上传到 cloudinary?

在 Android 中将图像上传到 Cloudinary 失败

我正在尝试使用 Cloudinary post API 上传图像而不使用 Cloudinary SDK