js获取前端在本地上传图片的尺寸方法

前端上传图片的尺寸怎样获取呢？本文就和大家简单分享js获取前端在本地上传图片的尺寸方法，希望能帮助到大家。

var MyTest = document.getElementById("upload_img").
files[0];var reader = new FileReader();
reader.readAsDataURL(MyTest);
reader.onload = function(theFile)
 {　
 　var image = new Image(); 
 　 image.src = theFile.target.result;  
 　   image.onload = function() 
 　   {   
 　   　 alert("图片的宽度为"+this.width+",长度为"+this.height);    };
};

其中，id为“upload_img”的标签如下：

<input type="file" size="20" autocomplete="off" id="upload_img" name="Uploadfile">

大家学会了吗？赶紧动手尝试一下吧。

相关推荐：

如何用PHP改变图片的尺寸_PHP教程

JavaScript如何获取图片的真实大小的详解

分享一个JS实现获取图片大小和预览的方法

以上是js获取前端在本地上传图片的尺寸方法的详细内容。更多信息请关注PHP中文网其他相关文章！