【uni-app】预览图片(单张、多张)uni.previewImage()

官网:https://uniapp.dcloud.io/api/media/image?id=previewimage

uniapp 实现图片预览 单图预览和多图预览

关键点就是调用

uni.previewImage({
   
     
	current: index,
	urls: photoList
});

如果是单图预览,current对应就是0,urls:必须是单个某一条传入。因为现在预览一张图片,你的current传死就是0.所以urls也必须是字符串形式

如果是多图预览,current,对应就是在循环图片数据的索引,urls: 是数组形式传入。因为uni.previewImage 要根据 current的索引,来动态匹配urls里面的数据

下面代码演示

单图预览模式

你可能感兴趣的:(uni-app)