小程序图片预览时,大图片加载太慢,预览时会出现模糊。
解决办法:图片加个质量率,图片链接上面加一参数 x-oss-process=image/quality,q_50
const previewImage = () => {
if(!isPreview)return
Taro.previewImage({
current: imgUrl, // 当前显示图片的http链接
urls: [imgUrl] // 需要预览的图片http链接列表
})
}
...
<Image
src={`${pic}?x-oss-process=image/quality,q_50`}
width={120}
height={120}
key={idx}
isPreview
className='content-item-pics-item'
onClick={previewImage}
/>