更新记录

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() 方法。

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

暂无用户评论。