Uniapp 点击图片放大

1、html(循环图片)

	<view v-for="(i,index) in photo_list" :key="'photo'+index">
		<img :src="i" alt="" @click="ClickImage(photo_list,i)" />
	</view>

2、js(方法)

			ClickImage(PhotoAddress, index) {
				uni.previewImage({
					urls: PhotoAddress, //需要预览的图片http链接列表
					current: index, // 当前显示图片的http链接,默认是第一个
					success: function(res) {},
					fail: function(res) {},
					complete: function(res) {},
				})
			},

ClickImage方法参数的意思:

photo_list:图片路径列表 ['https://img0.baidu.com/it/u=2519000851,2866084026&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1714150800&t=5051e08182f3394eee55e261b0c4db68','https://img0.baidu.com/it/u=3527186857,442667915&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1714150800&t=3e8686f2f8c37a7b273756c32a31a201','https://img1.baidu.com/it/u=4285143278,687630500&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1714150800&t=9cdccbb26aee6441751f0b7579799fb0']
i:当前图片的路径
 如:https://img0.baidu.com/it/u=3527186857,442667915&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1714150800&t=3e8686f2f8c37a7b273756c32a31a201

相关推荐

  1. Uniapp 图片放大

    2024-04-28 13:06:03       44 阅读
  2. uniapp图片预览功能?

    2024-04-28 13:06:03       62 阅读
  3. uniapp 放大中间图标

    2024-04-28 13:06:03       53 阅读
  4. Android Glide从网络加载图片 放大查看效果

    2024-04-28 13:06:03       61 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-28 13:06:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-28 13:06:03       101 阅读
  3. 在Django里面运行非项目文件

    2024-04-28 13:06:03       82 阅读
  4. Python语言-面向对象

    2024-04-28 13:06:03       91 阅读

热门阅读

  1. uni-app如何监测获取页面视图出现

    2024-04-28 13:06:03       34 阅读
  2. GNU/Linux - tty设备介绍

    2024-04-28 13:06:03       28 阅读
  3. js面试---闭包、作用域及作用域链、执行上下文

    2024-04-28 13:06:03       39 阅读
  4. Python构建学生信息管理系统:需求分析与规划

    2024-04-28 13:06:03       38 阅读
  5. 沪深websocket level2/level1行情推送接入示例

    2024-04-28 13:06:03       35 阅读
  6. Web安全--万能密码大全+图片马合成方法

    2024-04-28 13:06:03       36 阅读
  7. 人工智能技术概述_3.机器学习

    2024-04-28 13:06:03       36 阅读
  8. 2024.4

    2024-04-28 13:06:03       32 阅读
  9. 启动vue项目一直报node-sass错误解决办法

    2024-04-28 13:06:03       27 阅读
  10. 6 Zookeeper 配置说明

    2024-04-28 13:06:03       28 阅读