uniapp点击图片放大预览

阐述
  • 有些时候我们在用uniapp显示图片时,有的不宜全部显示到屏幕上,uniapp提供了一个非常好用的api。

实现方式如下:

复制代码
<template>
	<view class="content">
		<image class="logo" src="/static/images/a.png" @click="clickImg"></image>
	</view>
</template>
 
<script>
	export default {
		methods: {
			clickImg() {
				uni.previewImage({
					urls: ["/static/images/a.png"], //需要预览的图片http链接列表,多张的时候,url直接写在后面就行了
					current: '', // 当前显示图片的http链接,默认是第一个
					success: function(res) {},
					fail: function(res) {},
					complete: function(res) {},
				})
			},
		}
	}
</script>

效果

相关推荐
开发者小天9 分钟前
调整为 dart-sass 支持的语法,将深度选择器/deep/调整为::v-deep
开发语言·前端·javascript·vue.js·uni-app·sass·1024程序员节
游戏开发爱好者814 小时前
iOS 开发推送功能全流程详解 从 APNs 配置到上架发布的完整实践(含跨平台上传方案)
android·macos·ios·小程序·uni-app·cocoa·iphone
栈狮14 小时前
uniApp使用支付宝云开发问题集合
uni-app
Heyuan_Xie14 小时前
uni-app facebook登录
uni-app·uni-app插件
Heyuan_Xie14 小时前
uni-app OCR图文识别
uni-app·ocr·uni-app插件
一只程序熊15 小时前
uniapp引入uniim后聊天列表无法加载出来
uni-app
学会煎墙1 天前
使用uniapp——实现微信小程序的拖拽排序(vue3+ts)
微信小程序·uni-app·vue·ts
淡淡蓝蓝1 天前
uni-app小程序往飞书多维表格写入内容(包含图片)
小程序·uni-app·飞书
晨枫阳1 天前
uniapp兼容问题处理总结
前端·vue.js·uni-app
iOS阿玮1 天前
苹果 Swift 安卓SDK上线,用一套 Swift 代码开发安卓 App 成为可能!
uni-app·app·apple