uniapp 读取图片宽高
时间: 2024-04-06 18:27:19 浏览: 267
uniapp swiper 图片高度根据图片宽度自适应+通过选项卡跳到锚点位置+滑动到某个要素位置添加事件
5星 · 资源好评率100%
UniApp是一种基于Vue.js的跨平台开发框架,可以用于同时开发iOS、Android和Web应用。在UniApp中,可以通过uni.getImage()方法来读取图片的宽高信息。
具体步骤如下:
1. 首先,需要在页面中引入uni-app的API模块,可以在页面的script标签中添加以下代码:
```
import uni from '@/uni_modules/uni-image-picker/js_sdk/uni-image-picker.js'
```
2. 然后,在需要读取图片宽高的地方调用uni.getImageInfo()方法,传入图片的路径作为参数。例如:
```
uni.getImageInfo({
src: '图片路径',
success: function(res) {
console.log('图片宽度:' + res.width)
console.log('图片高度:' + res.height)
}
})
```
3. 当成功获取到图片的宽高信息时,可以在success回调函数中进行相应的处理,比如打印出宽高信息。
阅读全文