喜欢写文章的技术大佬们,应该都有一个自己的在线图片管理工具吧。
尤其是在写markdown时,为了让我们的文章“图文并茂”,显得不那么枯燥,就经常需要在合适的地方插入一些关联性的图片。
得益于现在云开发概念的兴起,前端小伙伴们的全栈之路变得轻松了许多。
不用搭服务器、不用管数据库、不用买OSS、甚至都不用学Linux了;当然,最关键的还是这一切都变得“免费”了!
不管是阿里云、还是腾讯云,每个月都是有免费的额度的。就算额度超了,按量计费也是非常的划算。反正,我是没超过。
就是基于阿里云和腾讯云,为开发者提供的一个云开发平台。为什么选择呢?主要是得益于家族的整个生态,可以完美的衔接起来。从开发到部署的整个流程全部都给你准备好了,只管用就是了。
你可以选择uni官方推荐的创建,也可以选择命令行模式,更多可参考官方文档。
下面是通过命令行创建的项目模板:
主要步骤是先通过方法选择本地图片,然后再利用的API方法将图片上传到云存储中去。
调用uniCloud的API必须先在项目中进行初始化,也就是跟你开通的云空间关联起来。
uniCloud初始化:
和到uniCloud控制台去获取。
上传图片到云存储:
为了防止文件重复上传,在上传之前先计算出文件的MD5码作为值,与已上传的文件值进行比较。当然这个功能可做可不做,无伤大雅。
如果你想将所有上传的图片信息都保存起来,方便下次使用或者是在不同设备之间保持同步,那就必须将每次上传后的图片地址以及图片相关信息保存在云数据库了。
好在的数据库也是免费的,不用白不用。而且还支持在客户端直接操作数据库,云函数这些都省了,简直不要太方便。
首先要创建一个数据表,可以在uniCloud控制台创建,也可以直接通过代码创建。为了简单,推荐直接去控制台创建吧,参考文档。
在前端直接操作数据库,需要定义表结构,这样在插入数据的时候,就可以自动进行一些字段的校验了。
将图片信息插入数据库:
直接上代码:
- Github
- Gitee
没错,就是这两个家伙!
你只要把图片放在仓库中就行了!
一句代码都不用写,一个命令也都不用敲。而且Github上的图片是通过来访问的,也完全不用担心速度问题。
这是我随便创建的两个仓库,可供参考:
https://gitee.com/moohng/cdn
https://github.com/moohng/bucket
使用方法:
其实也还有很多第三方工具,可以同时支持很多平台的图片上传。不过我觉得有这几种方法完全够用了,而且可靠性相对都是比较高的,也不用担心时间久了图片挂掉。
如果你有更好的方法推荐,欢迎在评论区留言讨论。