七牛雲壓縮圖片

『壹』 如何將圖片上傳到七牛雲平台

上一篇文章介紹了「如何將圖片上傳到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;

                }