uniapp中 uni.previewImage用法

查看多张照片,图片地址用逗号分隔

javascript 复制代码
showimig(item) {
				if (item.trainingRoom) {
					const urls = item.trainingRoom.split(',');
					uni.previewImage({
						urls: urls,
						current: '',
						success: function(res) {
							// 成功的回调
						},
						fail: function(res) {
							// 失败的回调
						},
						complete: function(res) {
							// 完成的回调
						}
					});
				} else {
					uni.showToast({
						title: '暂无图片!',
						icon: "none",
						duration: 2000,
					});

				}
			},

查看单张照片

javascript 复制代码
/**
			 * 查看图片
			 * @param {Object} item
			 */
			clickImg(item) {
				uni.previewImage({
					urls: [item.content],
					current: item.content,
					success: function(res) {
						// 成功的回调
					},
					fail: function(res) {
						// 失败的回调
					},
					complete: function(res) {
						// 完成的回调
					}
				})
			},
相关推荐
可问春风_ren2 小时前
前端文件上传详细解析
前端·ecmascript·reactjs·js
羊小猪~~2 小时前
【QT】--文件操作
前端·数据库·c++·后端·qt·qt6.3
晚风资源组3 小时前
CSS文字和图片在容器内垂直居中的简单方法
前端·css·css3
Miketutu4 小时前
Flutter学习 - 组件通信与网络请求Dio
开发语言·前端·javascript
摘星编程4 小时前
React Native for OpenHarmony 实战:Swiper 滑动组件详解
javascript·react native·react.js
鸣弦artha4 小时前
Flutter框架跨平台鸿蒙开发——Build流程深度解析
开发语言·javascript·flutter
光影少年5 小时前
前端如何调用gpu渲染,提升gpu渲染
前端·aigc·web·ai编程
Surplusx6 小时前
运用VS Code前端开发工具完成网页头部导航栏
前端·html
小宇的天下6 小时前
Calibre 3Dstack --每日一个命令day13【enclosure】(3-13)
服务器·前端·数据库
LongJ_Sir6 小时前
Cesium--可拖拽气泡弹窗(Vue3版)
javascript