js常用方法之: 预览大图(uniapp原生方法封装)

方法:

javascript 复制代码
//预览图片 pic可传单个图片地址字符串 或 图片数组(带index)
previewPic: function(pic, index) {
	if (!pic) return;
	if (index == undefined) {
		let array = [];
		array.push(pic);
		uni.previewImage({
			urls: array,
			current: array[0]
		});
	} else {
		uni.previewImage({
			urls: pic,
			current: index
		});
	}
},

调用:

1.字符串形式:

javascript 复制代码
previewPic('https://xxxx.png')

2.数组形式:

javascript 复制代码
previewPic(['https://xxxx1.png', 'https://xxxx2.png'], 0)
相关推荐
每天都想着怎么摸鱼的前端菜鸟14 小时前
uniapp开发app 实现简易的路由拦截器
vue.js·uni-app
随笔记14 小时前
uniapp中获取设备wifi列表,已连接wifi信息
前端·javascript·uni-app
lqj_本人15 小时前
鸿蒙OS&UniApp微服务架构实践:从设计到鸿蒙部署#三方框架 #Uniapp
架构·uni-app·harmonyos
胡斌附体15 小时前
uniapp中view标签使用范围
uni-app·跨平台·标签·view·范围
ZouNiMei15 小时前
使用uniapp的nvue开发地图map功能踩坑记录
前端·uni-app
发现你走远了21 小时前
『uniapp』添加桌面长按快捷操作 shortcuts(详细图文注释)
uni-app
lqj_本人21 小时前
鸿蒙OS&在UniApp中集成Three.js:打造跨平台3D可视化应用#三方框架 #Uniapp
uni-app·区块链·harmonyos
lqj_本人1 天前
鸿蒙OS&基于UniApp的区块链钱包开发实践:打造支持鸿蒙生态的Web3应用#三方框架 #Uniapp
uni-app·区块链·harmonyos
lqj_本人1 天前
鸿蒙OS&UniApp集成WebGL:打造跨平台3D视觉盛宴#三方框架 #Uniapp
uni-app·harmonyos·webgl
moxiaoran57531 天前
uni-app学习笔记十八--uni-app static目录简介
笔记·学习·uni-app