使用騰訊雲的圖片縮略圖服務

在業務開發過程當中，咱們有時候會遇到這樣的業務場景--展現一個圖集/相冊。當大量圖片加載時，咱們一方面但願圖片懶加載；另外一方面，但願在列表中展現的是縮略圖，而後點開時再展現大圖。感謝如今雲服務的發展，這些煩人的需求都被大佬們作成了第三方的服務，咱們只要付費就好了。本文介紹調用騰訊雲的圖片處理服務。在往下看以前，首先請看完官方文檔。 https://cloud.tencent.com/document/product/460/6929

開通圖片處理服務

首先你應該使用了騰訊的對象存儲服務，不然是使用不了圖片處理服務的。一下是開通圖片處理服務的步驟：

1. 進入數據萬象控制檯,若是沒有開啓，需先開啓
2. 從左側菜單欄進入【Bucket管理】
3. 若是你已經使用了對象存儲圖片，點擊綁定bucket
   
4. 綁定完成後，在bucket右側點擊管理
5. 進入管理後的域名管理能夠看到「圖片處理域名」，當你但願生成縮略圖，進行圖片處理時，須要讓圖片走這個域名
6. 經過請求這個域名+文檔中的查詢參數便可對圖片進行壓縮。

下面舉個例子：假設你在對象存儲上有一張圖片，地址爲：

https://xxxx.254101407.cos.ap-shanghai.myqcloud.com/banner/planet/box.png (2M)

而後你但願獲得這張圖片的縮略圖，那麼你須要設置圖片的src爲：

# 格式：圖片處理域名 + 圖片路徑 < bucketname >-[APPID].picsh.myqcloud.com

https://xxxx-254101407.picsh.myqcloud.com/banner/planet/box.png?imageView2/1/w/600/h/300

總之，處理服務是經過查詢字符串傳遞參數來實現圖片處理的，更多查詢參數的含義能夠參考官方文檔: https://cloud.tencent.com/document/product/460/6929

管道操做符「|」

其餘圖片處理服務如加圖片水印，文字水印的文檔能夠參考官網，這裏再提一下管道操做符。「|」 在shell中有大做用，圖片處理服務的api也借鑑了這一點。這個符號可讓咱們按順序調用多個服務，好比你想先壓縮再加水印，或者圖片自動旋轉正後再壓縮，就可使用這個符號，下面是官網的一個demo

http://examples-1251000004.picsh.myqcloud.com/sample.jpeg

?imageMogr2/thumbnail/!50p

<b>|<b>

watermark/2/text/5pWw5o2u5LiH6LGh/fill/I0ZGRkZGRg==/fontsize/30/dx/20/dy/20