js如何获取图片的尺寸？

JavaScript023

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

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

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

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

HTML 中input标签有个类型是file。这个是可以上传文件使用的。你可以直接操作这个标签的size来获取文件的大小。

可通过下面的方式 

html代码： js代码：

var fileId = "uploadtest"

var dom = document.getElementById(fileId)  

var fileSize =  dom.files[0].size//文件的大小，单位为字节B