七牛云压缩图片

‘壹’ 如何将图片上传到七牛云平台

上一篇文章介绍了“如何将图片上传到Cloudinary云平台？”
但是由于Cloudinary的服务器在国外，所以上传和读取图片的速度会很慢，不适合用作生产，因此有必要再介绍一下国内广受欢迎的“七牛”云平台。以及分步骤给大家介绍如何使用七牛。

各位可以使用我的邀请链接注册： https://portal.qiniu.com/signup?code=3l7nsvonfkxn6
拜托！！！

我们这里添加的对象存储空间叫做“gougouavatar”

其中的ACCESS_KEY和SECRET_KEY两个参数来自于“个人中心”的“秘钥管理”模块：

_getQiniuToken()返回一个封装promise函数，这个函数调用了后台生成签名算法的接口；
这个函数的回调里拿到了后台生成的key和其他参数；
最后调用_upload方法向七牛的上传图片的接口地址： http://upload.qiniu.com ，发送请求，上传图片；
最后的响应参数response.key即为图片上传成功之后的地址。
如：deae507d-73fd-4489-9d7f-d5fa275bcbe5.jpeg
想要访问该图片，还需拼接上七牛提供的测试域名：

经过测试，使用七牛进行上传的速度确实很快，比国外的cloudinary要快上好几倍，使用体验还是很不错的，大家可以放心使用。

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

通过URL同步触发imageView2或者imageMogr2这样的处理后，处理结果会被缓存在cdn节点上，这样只要七牛空间资源不发生变化、同时处理命令不发生变化，那么缓存有效期内就会访问到缓存，缓存过期后回七牛源站校验，如果校验源站资源未改变，那么会更新缓存有效期，同时依然访问缓存。
另外，上传策略可以设置其缓存时间
你可以尝试在链接后加上?time=时间戳试看看,
或者在七牛基本设置 - 空间设置 - 空间管理 - 七牛云存储修改maxAge缓存时间

‘叁’ php使用七牛云图片瘦身接口怎么用

直接在输出url的时候 后面添加图片瘦身的参数就行了

‘肆’ 七牛云存储 视频获取缩略图

//获取视频缩略图具体地址操作
//具陵逗体参数参照
https://developer.qiniu.com/dora/1313/video-frame-thumbnails-vframe （单尺凳卖帧缩略图）
https://developer.qiniu.com/dora/1315/video-sampling-thumbnails-vsample （视频采样缩略图）
https://developer.qiniu.com/dora/1279/basic-processing-images-imageview2 （图片截取）

案例

案例的使用方法是找的，但是还不知道这个%7C的这个拼接是从哪里来的，后续知道了再更粗闷新！

‘伍’ 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;

                }