Javascript 图像未定义onload函数,需要获取高度和宽度
我得到了这个密码:Javascript 图像未定义onload函数,需要获取高度和宽度,javascript,image,onload,Javascript,Image,Onload,我得到了这个密码: _getWidthAndHeight = (ImageURL) => { var img = new Image(); img.onload = () => { alert(JSON.stringify(img)); alert(this.height); alert(this.width); }; img.src = ImageURL; } 它应该在google chrome中加载图像,
_getWidthAndHeight = (ImageURL) => {
var img = new Image();
img.onload = () => {
alert(JSON.stringify(img));
alert(this.height);
alert(this.width);
};
img.src = ImageURL;
}
它应该在google chrome中加载图像,并获取图像的高度和宽度。为什么对象返回空?
此
没有指向箭头函数中需要的内容
\u getWidthAndHeight=(ImageURL)=>{
var img=新图像();
img.onload=function(){//现在“this”将是您所认为的
console.log(this.height,this.width);
};
img.src=ImageURL;
}
_getWidthAndHeight(“https://via.placeholder.com/500x400?text=500x400“”
问题在于您在ES6箭头函数中使用了此
。它的上下文与经典的JS函数不同。您必须使用此代码才能使其工作:
_getWidthAndHeight = (ImageURL) => {
var img = new Image();
img.onload = function () {
alert(JSON.stringify(img));
alert(this.height);
alert(this.width);
};
img.src = ImageURL;
}
试着用
这个
来代替。怎么做?你能给出答案吗?比你快20秒。反正这是个骗局