需求:领导说图片加载很慢,而且花很多流量,需要减少体积,点击放大的时候再加载清晰的图片

我是直接在完整链接上加 ?x-oss-process=image/resize,p_5
例如

const businessLicenseImage = https:xxxxxx   // 后端返回的阿里云完整ip地址
// 前端展示的时候 businessLicenseImage 为上述定义的ip地址
<img
  class="custom-img-card"
  :src="`${businessLicenseImage}?x-oss-process=image/resize,p_5`"
 />

我试了好几个,最后发现还是这个压缩的体积最好用,虽然缩略图会模糊一点

更多推荐