js如何获取图片的尺寸？

JavaScript016

js如何获取图片的尺寸？,第1张

项目的需求是上传一张图片，然后验证该图片的尺寸，如果跟预期的不符，就不给上传

首先，可以通过new FileReader()，再通过将上传的图片文件传给实例的readAsDataUrl()，当文件加载完成触发onload事件，传递event，通过event.target.result来获取图片的链接(base64格式的)

接着，new Image()实例，将上面获取的链接设置为图片的src属性，当图片加载完成触发onload事件就可以通过width、height属性来读取图片的长宽啦~~

alert(["图片大小是:",img.width,img.height])

用js或者jquery设置div的高度为img.height

$("div").css("hight",img.height.width)

如果问题解决，请点赞采纳！！！

因为你这样写的时候图片有可能还未加载完毕，而且图片大小是 image.width image.height

image.onload = function(){

alert(image.width,image.height])

}