vue 获取图片宽高
程序员文章站
2022-06-21 15:02:43
...
// url是本地图片地址或者线上图片地址: 本地:blob:http://localhost:8080/d854a38b-275b-4c36-b65d-be705a2458e7
getImageSize(url) {
return new Promise((resolve) => {
var img = document.createElement("img");
img.src = url;
img.onload = () => {
// 为什么要写 onload 是因为要等他加载完之后才能获取到图片宽高
resolve(img.naturalWidth, img.naturalHeight); // 2064,4608
};
});
},
上一篇: 物联网技术----让你见识鲜活“喜羊羊“
下一篇: Vue页面已经渲染完图片再获取图片的宽高