天天看点

阿里云图片如何获取缩略图

我们都知道大的图片加载会导致页面卡顿,所以有些地方需要显示缩略图,点击显示大图之后再去加载图片,那怎么显示缩略图呢?

我们的图片是放在阿里云oss上的,阿里云是提供缩略图服务的,只需要在你的图片地址后面加上参数就ok啦。

比如这样:

background-image: url("阿里云图片地址?x-oss-process=image/resize,m_fill,h_200,w_200");

<img src="阿里云图片地址?x-oss-process=image/resize,m_fill,h_200,w_200" />

h_后面的数字是高度,w_后面的是宽度,单位是px。

需要大图的时候就把不加参数的地址赋值给一个img标签的src。