#Uniapp: uni.previewImage(OBJECT) 预览图片

uni.previewImage(OBJECT) 预览图片。

api地址

媒体-图片

示例

handlePreviewImg(current) {
   
				const urls = this.rightList.map(x => x.icon)
				uni.previewImage({
   
					urls,
					current
				})
			}

OBJECT 参数说明

参数名 类型 必填 说明 平台差异说明
count Number 最多可以选择的图片张数,默认9 见下方说明
sizeType Array original 原图,compressed 压缩图,默认二者都有 App、微信小程序、支付宝小程序、百度小程序
extension Array 根据文件拓展名过滤,每一项都不能是空字符串。默认不过滤。 H5(HBuilder X2.9.9+)
sourceType Array album 从相册选图,camera 使用相机,默认二者都有。如需直接开相机或直接选相册,请只使用一个选项
crop Object 图像裁剪参数,设置后 sizeType 失效 App 3.1.19+
success Function 成功则返回图片的本地文件路径列表 tempFilePaths
fail Function 接口调用失败的回调函数 小程序、App
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

crop 参数说明

参数名 类型 必填 说明 平台差异说明
quality Number 取值范围为1-100,数值越小,质量越低(仅对jpg格式有效)。默认值为80。
width Number 裁剪的宽度,单位为px,用于计算裁剪宽高比。
height Number 裁剪的高度,单位为px,用于计算裁剪宽高比。
resize Boolean 是否将width和height作为裁剪保存图片真实的像素值。默认值为true。注:设置为false时在裁剪编辑界面显示图片的像素值,设置为true时不显示

相关推荐

  1. uniapp图片

    2024-01-25 08:18:01       38 阅读
  2. uniapp——图片

    2024-01-25 08:18:01       8 阅读
  3. react native 图片

    2024-01-25 08:18:01       11 阅读
  4. vue实现图片

    2024-01-25 08:18:01       5 阅读
  5. vue图片 90度旋转

    2024-01-25 08:18:01       33 阅读
  6. vue简单的图片

    2024-01-25 08:18:01       34 阅读
  7. uniapp点击图片功能?

    2024-01-25 08:18:01       42 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-01-25 08:18:01       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-25 08:18:01       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-25 08:18:01       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-25 08:18:01       18 阅读

热门阅读

  1. Python编程-利用缓存管理实现程序提速

    2024-01-25 08:18:01       29 阅读
  2. 设计模式四(适配器模式)

    2024-01-25 08:18:01       37 阅读
  3. Azure VM安装docker

    2024-01-25 08:18:01       31 阅读
  4. 清理Docker环境

    2024-01-25 08:18:01       30 阅读
  5. MySQL(七)MySQL和Oracle、PostgreSQL的区别

    2024-01-25 08:18:01       31 阅读
  6. 【重点问题】攻击面发现及管理

    2024-01-25 08:18:01       32 阅读