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

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

我们的图片是放在阿里云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。

发布了27 篇原创文章 · 获赞 0 · 访问量 1万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览