使用腾讯云的图片缩略图服务

在业务开发过程当中，咱们有时候会遇到这样的业务场景--展现一个图集/相册。当大量图片加载时，咱们一方面但愿图片懒加载；另外一方面，但愿在列表中展现的是缩略图，而后点开时再展现大图。感谢如今云服务的发展，这些烦人的需求都被大佬们作成了第三方的服务，咱们只要付费就好了。本文介绍调用腾讯云的图片处理服务。在往下看以前，首先请看完官方文档。 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