nvue里<image :src="https://aliyuncs.com/images/001.jpg">前端怎样获取image标签中图片文件
时间: 2023-12-12 07:02:06 浏览: 178
获取文章内容中的图片标签及其src实现
4星 · 用户满意度95%
在nvue中,可以使用uni.getImageInfo()方法获取image标签中的图片文件信息。该方法会返回一个对象,包含图片的文件路径、宽度、高度等信息。下面是一个示例代码:
```
// 获取image标签中的图片文件信息
uni.getImageInfo({
src: 'https://aliyuncs.com/images/001.jpg',
success: function (res) {
console.log(res.path); // 图片文件路径
console.log(res.width); // 图片宽度
console.log(res.height); // 图片高度
console.log(res.type); // 图片文件类型
},
fail: function (error) {
console.error(error);
}
});
```
需要注意的是,由于nvue是基于微信小程序的开发框架,微信小程序的网络请求是受到严格限制的,不能直接访问跨域资源。如果需要在nvue中访问跨域资源,需要在后端设置CORS允许跨域访问,或者使用微信小程序提供的代理功能。
阅读全文