更新记录
1.0.0(2026-06-12)
初版,使用时建议在非超大图的情况下改为使用官方的API
平台兼容性
uni-app(5.07)
| Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
| √ |
√ |
× |
× |
√ |
√ |
5.0 |
12 |
× |
| 微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
小红书小程序 |
快应用-华为 |
快应用-联盟 |
| × |
× |
× |
× |
× |
× |
× |
× |
× |
× |
× |
× |
uni-app x(5.07)
| Chrome |
Safari |
Android |
iOS |
鸿蒙 |
微信小程序 |
| × |
× |
5.0 |
12 |
× |
× |
uts-imagePreview API 调用说明
导入
import { previewImage } from '@/uni_modules/uts-imagePreview'
调用
previewImage({
urls: ['https://example.com/image.jpg'],
current: 0, // 默认显示第几张,从0开始
maxZoom: 5, // 最大缩放倍数
tileSize: 1024, // 切片尺寸(超大图模式)
largeImageThreshold: 2048,// 超过此尺寸启用切片
backgroundColor: '#000000',
onClose: () => {},
onChange: (index: number) => {}
})
| 参数 |
类型 |
默认值 |
说明 |
| urls |
string[] |
— |
必填。图片列表(网络URL/本地路径/APK assets) |
| current |
number |
0 |
起始图片索引 |
| maxZoom |
number |
5 |
最大缩放倍数 |
| tileSize |
number |
1024 |
切片尺寸(px),越大瓦片越少 |
| largeImageThreshold |
number |
2048 |
超大图阈值(px),宽或高超过此值启用切片 |
| backgroundColor |
string |
'#000000' |
背景色 |
| onClose |
() => void |
— |
关闭回调 |
| onChange |
(index: number) => void |
— |
切换图片回调 |
返回值
const viewer = previewImage({ urls: [...] })
viewer?.close() // 主动关闭预览
返回 ImagePreviewResult 对象,包含 close() 方法。