列表默认显示的降低清晰度,预览图片的时候加载原图。
如果图片是上传到阿里云的OSS上,可以快速获取图片缩略图的方法
直接在后端返回的URL后面拼接字符串:
XXX.png?x-oss-process= ```
?x-oss-process=image/resize,m_fill,w_782,h_540 // XXX.png?x-oss-process= 下划线后面紧跟着的就是图片的宽高大小 (单位:px) ?x-oss-process=image/quality,q_60 //设置图片清晰度最后就是清晰度0-100,数字越大,清晰度越高 ?x-oss-process=video/snapshot,t_7000,f_jpg,w_800,h_600,m_fast //直接在视频连接后面拼接下面的参数 lazy-load懒加载:show-menu-by-longpress="true"长按@click.stop="preview(img,item.images)"预览
// 预览图片 function preview(e, preImgs) { i.previewImage(e, preImgs) }