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)
相关推荐
不法13 小时前
uniapp map地图导航/地图路线
前端·vue.js·uni-app
淡淡的幼稚2 天前
【YFIOs】从传感芯片到表格曲线
uni-app·.net
宠友信息2 天前
多端即时通讯源码技术实践,Redis路由、MySQL持久化与Socket接入
spring boot·websocket·mysql·uni-app
宠友信息2 天前
Spring Boot与异步审核构建仿小红书源码内容发布全流程
java·数据库·spring boot·redis·mysql·oracle·uni-app
蜡台2 天前
uniapp vue2 转 vue3
前端·javascript·uni-app·vue3·vue2
2501_916008892 天前
iOS 证书管理最佳实践 从创建到续期的完整指南
android·ios·小程序·https·uni-app·iphone·webview
敖行客 Allthinker3 天前
UniApp iOS APNs 推送证书一站式配置
uni-app·mac
梦曦i3 天前
uni-router新推useUniEventChannel,彻底解决页面通信难题
前端·uni-app
宠友信息3 天前
内容社区源码多端数据协议与 Spring Boot 状态流转实现思路
java·spring boot·websocket·uni-app
2501_916007473 天前
iPad 怎么抓包 从代理模式到暴力抓包的操作方法
android·ios·小程序·uni-app·代理模式·iphone·ipad