html 获取图片的高度,JavaScript – 从HTML img src获取字节大小

Javscript是一个纯粹的客户端脚本,如果你问我是否只能通过使用javascript获取图像大小,我的答案是“否”.即使您在本地运行文件,也无法获得文件大小.

XMLHttpRequest对象

var obj = new XMLHttpRequest();

obj.open('HEAD', 'image path', true);

obj.onreadystatechange = function(){

if ( obj.readyState == 4 ) {

if ( obj.status == 200 ) {

alert('Size in bytes: ' + obj.getResponseHeader('Content-Length'));

} else {

alert('ERROR');

}

}

};

obj.send(null);

这主要用于向场景后面的服务器发送http或https请求,并将响应加载回脚本.这是现代浏览器支持的,旧的浏览器曾经有一个名为ActiveXObject的类似浏览器. onReadyStateChange事件有5个就绪阶段.

> 0 =请求未初始化

> 1 =建立服务器连接

> 2 =收到请求

> 3 =处理请求

> 4 =处理完毕,响应准备就绪

.