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

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值