七牛云图片存储(七牛云图片api)

本文目录：

• 1、Vue 上传图片到七牛云实用攻略
• 2、我为什么最终选择了七牛云存储
• 3、七牛云存储中图片处理功能的存储缓存 会缓存多长时间

Vue 上传图片到七牛云实用攻略

vue 一般采用element  的upload 上传图片/文件。

首先，设定参数

参考Element  upload  文档

其次，如图所示，重点在于domain和qiniuaddr两个参数！     参考 七牛云存储图片域名文档

然后  上传一定要先获取到七牛云token！我是采用axios  post获取。

接着，把返回的 file.name赋值给 key

this.QiNiuYun.key = `name_${file.name}`;

如图 上传成功/错误处理 函数

大功告成！

补充：

1.    this.uploadImageUrl  这个变量实际上是  图片真正的URL—–https地址！！！

2.    该方法是针对单图上传，如果想多图    将data 内的参数   limit：1   修改为需要的图片数量    ！！！

3.     注意！当后台需要你传递多张图片的url时，可采用 此方法！！！

 //拼接 url

                if(this.uploadImageList===”){

                    this.uploadImageList= this.uploadImageUrl;

                }else{

                    this.uploadImageList=this.uploadImageList+’;’+ this.uploadImageUrl;

                }

我为什么最终选择了七牛云存储

说实话，当初在用又拍云的时候，遇到了一些麻烦，因为我一开始不知道该怎么操作，其操作界面不是很人性化，弄了半天才弄明白怎么样新建一个空间，新建空间之后，还需要用 FTP 软件来管理这个空间的内容，在 Mac 上找到一个靠谱的FTP 管理工具并不容易，我试用了FileZilla 这个软件，使用和配置 FTP 又花了我不少功夫。

反观七牛则是一目了然，从新建空间、配置空间、上传文件、获取外链，全部都是在网页中可以完成简易的可视化操作：

在管理后台，无论是使用还是统计都是一目了然：

以我上传一张照片并获取外链供博客使用为例，比较一下又拍云和七牛云的流程：

又拍云

1.打开并登录 FTP 工具；

2.上传图片；

3.复制图片名

4.在博客管理后台输入外链路径+图片名（这一点最为麻烦，每次都需要手动输入一长串链接地址）

七牛云

1.直接在网页管理后台上传图片（这个界面很友好，和 wordpress 的图片上传界面类似）

2.直接获取复制完整外链即可（注意右侧的图片预览功能，这个对于图片多了之后防止误操作很是实用）

相比之下，显然是七牛云在操作使用上更加简便易行。

可视化图片处理设置

在数据处理环节，七牛云也比较方便，比如我的博客图片宽度不能超过550px，否则会撑破主题，并且想加上一个@望月的水印，那么就可以在数据处理界面进行设置。

这样，就不用在博客后台每次添加图片之后都去重新调整一下大小，也不用使用图片修改软件去添加水印之类的了。

免费的使用空间和流量

对于新用户，七牛云存储免费赠送10G 的使用空间+10G/月的流量，对于小博客来说，是完全够用了，推荐朋友还可以免费获取空间，如果你有需要，可以通过我的推荐链接注册七牛，也可以帮我增加一些免费空间和流量，谢谢。

同时，通过36Kr 的活动页面，还可以获取800元的代金券和85折的协议价进行续费充值。

即使是流量、存储空间和数据请求超出，七牛的价格也相对便宜。

一键加速功能

除此之外，还很是喜欢七牛云的一键加速网站功能，也就是镜像存储，源站资源(文件/图片等)根据初次访问自动同步到七牛云存储，数据平滑迁移。可使用绑定的自定义域名访问镜像存储的源站资源。格式:http://绑定域名/源站资源相对路径。

还可以配合使用七牛镜像存储 WordPress 插件一键实现 WordPress 博客静态文件 CDN 加速。

其实，七牛云在图片存储和使用方面的便捷就足够打动我了，综合来说，七牛云存储设计更加人性化、操作更加简便，价格更加适中，无论是对于博客用户还是开发者用户，都是个不错的选择。

七牛云存储中图片处理功能的存储缓存 会缓存多长时间

通过URL同步触发imageView2或者imageMogr2这样的处理后，处理结果会被缓存在cdn节点上，这样只要七牛空间资源不发生变化、同时处理命令不发生变化，那么缓存有效期内就会访问到缓存，缓存过期后回七牛源站校验，如果校验源站资源未改变，那么会更新缓存有效期，同时依然访问缓存。

另外，上传策略可以设置其缓存时间

你可以尝试在链接后加上?time=时间戳试看看,

或者在七牛基本设置 – 空间设置 – 空间管理 – 七牛云存储修改maxAge缓存时间

本文来源：https://www.yuntue.com/post/169409.html | 云服务器网，转载请注明出处！