我希望能够获取网页上图像的文件大小。
假设我在页面上有一个图像（已加载），如下所示：
如何在Javascript中调用函数（或更妙的是，在jquery中）以获取图像的文件大小（而不是尺寸）？
重要的是要注意，我没有使用任何输入或没有让用户上传图像，关于使用文件API从浏览按钮获取图像大小的方法有很多。
我要做的就是根据其ID和src url获取页面上任意图像的文件大小。
编辑：我正在处理一些图像的保持活动连接，因此Content-Length标头不可用。
您无法直接获取文件大小（或文件中的任何数据）。
唯一的方法是有点脏，因为您必须执行XMLHTTPRequest（根据“跨源资源共享”，它可能不适用于外部图像）。但是使用浏览器的缓存，它不应引起另一个HTTP请求。
var xhr = new XMLHttpRequest();
xhr.open("GET", "foo.png", true);
xhr.responseType = "arraybuffer";
xhr.onreadystatechange = function() {
if(this.readyState == this.DONE) {
alert("Image size = " + this.response.byteLength + " bytes.");
}
};
xhr.send(null);
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句