Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/374.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 获取图像尺寸(高度和宽度)Js或jquery_Javascript_Jquery_Html_Image - Fatal编程技术网

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;