uniapp获取网络图片高度
时间: 2024-08-06 09:01:19 浏览: 69
uni-app 组件里面获取元素宽高的实现
UniApp(原DCloud)是一款支持多平台开发的框架,用于快速构建跨平台应用。如果你想要获取网络图片的高度,你可以通过以下步骤:
1. 首先,你需要使用`fetch`、`axios`或者其他HTTP库从服务器请求图片数据。
```javascript
uni.request({
url: 'your_image_url', // 替换为你需要请求的图片URL
method: 'GET',
responseType: 'json', // 获取到的是一个响应对象
success(res) {
let imageUrl = res.data.url; // 图片地址
getImgHeight(imageUrl); // 调用获取高度的方法
},
});
```
2. 定义一个函数`getImgHeight`,这个函数会处理图片加载完成后计算高度。可以使用`uni.getImageInfo` API,它会在图片加载完成后返回图像的信息,包括宽度和高度。
```javascript
async function getImgHeight(imgUrl) {
const data = await uni.getImageInfo({ src: imgUrl });
const imgHeight = data的高度;
console.log('图片高度:', imgHeight);
}
```
这里的`data的高度`就是你想获取的网络图片的高度了。
阅读全文