Javascript 获取图像尺寸(高度和宽度)Js或jquery
我已经搜索过了,但是每次我实现代码时,当我上传Javascript 获取图像尺寸(高度和宽度)Js或jquery,javascript,jquery,html,image,Javascript,Jquery,Html,Image,我已经搜索过了,但是每次我实现代码时,当我上传400X400图像时,它返回24,高度和宽度为237 $(document).on('change','#tt' , function(){ var img = document.getElementById('tt'); var nheight = img.clientHeight; var nwidth = img.clientWidth; alert(nheight) alert(nwidth) });
400X400
图像时,它返回24,高度和宽度为237
$(document).on('change','#tt' , function(){
var img = document.getElementById('tt');
var nheight = img.clientHeight;
var nwidth = img.clientWidth;
alert(nheight)
alert(nwidth)
});
有人知道当我上传400X400
图像时,如何在警报框中获得400的高度和400的宽度吗。非常感谢您的帮助
var nheight = img.clientHeight;
var nwidth = img.clientWidth;
我会给你尺寸
参考此-
试一试
使用naturalHeight属性返回图像的原始高度,或使用height属性设置或返回图像高度属性的值
文件上载的Onchange事件创建图像对象并将上载的文件对象作为src附加到图像对象,然后图像对象的onload事件查找图像的高度和宽度 请查看下面的代码片段以了解更多信息
var URL=window.URL | | window.webkitURL;
$(document).on('change','#tt',function(){
var文件,img;
如果((file=this.files[0])){
img=新图像();
img.onload=函数(){
警报(“宽度:+this.width+”和高度:+this.height);
};
img.src=\u URL.createObjectURL(文件);
}
});代码>
您正在尝试获取输入的宽度和高度,而不是图像。现在获得了。谢谢@Mohammadimg.naturalWidth和img.naturalHeight是正确答案。是一项实验性技术,不支持旧版本的浏览器。它支持所有最新的浏览器。你可以参考
var x = document.getElementById("myImg").naturalWidth;