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)
相关推荐
约定Da于配置38 分钟前
uniapp封装websocket
前端·javascript·vue.js·websocket·网络协议·学习·uni-app
大叔_爱编程43 分钟前
wx030基于springboot+vue+uniapp的养老院系统小程序
vue.js·spring boot·小程序·uni-app·毕业设计·源码·课程设计
毛毛三由5 小时前
uniapp的插件开发发布指南
uni-app
努力搬砖的程序媛儿7 小时前
uniapp悬浮可拖拽按钮
java·前端·uni-app
baby_hua1 天前
AI生成文档——Uni-App CSS 样式开发指南
css·uni-app·notepad++
寰宇软件1 天前
PHP教育系统小程序
小程序·uni-app·vue·php
寰宇软件1 天前
PHP装修行业小程序
小程序·uni-app·vue·php
九情丶1 天前
UniApp + UniCloud 实现微信小程序静默登录
微信小程序·uni-app·notepad++
不哭的泪2 天前
【uniapp开发微信小程序分包异步化的实践 】
微信小程序·uni-app
啊卡无敌2 天前
uniapp button按钮去掉默认样式
前端·javascript·uni-app