如何将图片上传到Cloudinary云平台?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何将图片上传到Cloudinary云平台?相关的知识,希望对你有一定的参考价值。

参考技术A 在数据大爆炸的时代,企业内部业务数据激增,文本、图片、各类报表、音视频等非结构化数据更是显著增长。据 Gartner 预计,全球信息量每年的最低增长率为 59%,其中有 15% 是结构化数据,其余的 85% 则由各种非结构化数据组成。如何做好海量非结构化数据存储成为众多企业 IT 战略是否成功的关键。
实现可扩展、简单、高效且低成本海量数据存储,对存储架构有更多的掌控性,保证敏感核心数据的私密性,成为诸多企业存储基础设施建设的诉求。针对以上诉求,市面上出现大量可定制化的存储和计算解决方案,如“cloudinary、aws、七牛、upyun”等。

背景介绍完毕,再来了解下本篇文章的主角:Cloudinary

这是本文的重点!!!
接下来就分步骤给大家介绍一下如何将本地的图片传到Cloudinary

这个不用细讲;

这个配置文件前四个参数来自于后台
后三个参数来自于帮助文档:
https://cloudinary.com/documentation/upload_images#uploading_with_a_direct_call_to_the_api

这个接口需要两个参数:

我们拿到前端传进来的时间戳timestamp和类型type,
先根据类型获得“folder、tags”两个参数,
然后将“ folder、tags、timestamp、api_secret”等参数以键值对的形式拼成一个字符串,
将拼好的字符串通过sha1加密后返回给前端用

其中avatarData为base64格式的图片数据,
that._upload(body)为向Cloudinary传图片的方法

经过以上操作,我们就可以将图片上传到Cloudinary。
在回调里头,如果我们可以拿到response.public_id,则证明上传成功。
我们还可以实时拿到上传的进度,这样可以在前端层面做一些返显操作来减少用户等待时的焦虑:

经过了以上学习,我们掌握了如何将图片上传到Cloudinary,至于删除、更新等其他操作,也可以用类似的方法实现。
Cloudinary刚注册的时候会有一些免费的空间和带宽供我们测试和学习。
但是由于Cloudinary的服务器部署在国外,因此,在国内使用的话,速度和体验都不是很好,如果是生产环境的项目的话,不建议使用Cloudinary,毕竟传输速度可能会是个很大的问题。不过用来学习和做一些demo自己玩的话,还是可以的。
于此同时国内的其他云平台提供了也很不错的云存储服务,部署在国内的服务器,因此速度会很不错。如果是生产级别的应用的话建议使用国内平台。
有时间会再出一篇关于“七牛云”的文件上传的文章,敬请期待。

最后附上我的Cloudinary邀请码: https://cloudinary.com/invites/lpov9zyyucivvxsnalc5/tskmpxub94ttdg8u1vyp
大家在注册Cloudinary的时候可以用我的邀请码,这样可以帮我增加空间,方便我继续学习和推出更多的教学文章。拜托大家!!!

以上是关于如何将图片上传到Cloudinary云平台?的主要内容,如果未能解决你的问题,请参考以下文章

cloudinary java无法上传图片

如何将多张图片上传到 Cloudinary?

如何从 cloudinary 服务器获取所有上传图片的图片 url?

如何将图像从 android 上传到 Cloudinary?

使用 axios 直接将图片上传到 cloudinary

如何使用 Rails-Api + Vue.js + Cloudinary + Attachinary 上传图片?