我想知道如何使用HTML/JS从"img"标签中获取"src"的字节大小.
<img src="https://ofbuckleyandbeatles.files.wordpress.com/2011/01/testpattern.gif"/>
在上面的例子中,我基本上想知道"testpattern.gif"有多大(以字节为单位).
提前致谢.
喜欢:
<img src="http://www.google.com/intl/en_ALL/images/srpr/logo1w.png">
我想得到logo1w.png文件大小7.3kb
怎么实现呢？
请告诉我如何使用 javascript 获取图像文件大小（以字节为单位）。
谢谢
可能重复:
在文件标签中获取图像高度和宽度javascript
通过Javascript确定图像文件大小+尺寸？
如何在通过JavaScript上传之前上传预览图像
如何在文件标签中没有页面刷新的情况下获得图像的高度和宽度？
<HTML>
<HEAD>
<TITLE></TITLE>
<script language="javascript">
function getW()
{
var theImg = document.getElementById('testimg');
alert(theImg.width);
}
function getH()
{
var theImg = document.getElementById('testimg');
alert(theImg.height);
}
</script>
</HEAD>
<BODY>
<input type="file" id="testimg"/>
<input type="button" value="get Width" onclick="getW()"/>
<input type="button" value="get Height" onclick="getH()"/>
</BODY>
</HTML>
我使用PHP代码获取图像的图像高度和宽度,但该时间页面将刷新,没有页面刷新我得到图像大小但不是高度和宽度....
我正在使用 jQuery 1.7.1。
在浏览器窗口中加载图像后，我想检索其总字节大小。是否有对象名称/值？
我在我的应用程序中有一些对Twitter照片的引用.
当Twitter上的照片不再可用时(请参阅此示例:http://p.twimg.com/AmL3hpaCEAd2wtN.jpg),我收到404响应代码,图像为正文(灰色404图像)
我在Img上使用onload和onerrorjavascript方法,但由于p.twimg.com正在返回一个正文,因此该onload方法被触发.我发现无法区分404响应和200响应.
任何的想法？
有没有办法比较两个具有不同文件名的图像文件？所以我希望看看他们是否与javascript相同.这可能吗？
用途:我有一个需要在灯箱中弹出的图像库.当灯箱打开时,我挂钩回调以检查重复的图像,当找到时,将它们从灯箱库中删除,这样用户就不会看到重复的图像.
我希望能够在网页上的图像上获取文件大小.
所以,假设我在页面上有一个图像(已加载),如下所示:
如何在Javascript中调用函数(或者更好的是,jquery)来获取图像的文件大小(而不是维度)？
重要的是要注意我没有使用任何输入或让用户上传图像,从文件API的浏览按钮获取图像大小有很多SO答案.
我想要做的就是根据它的id和src url获取页面上任意图像的文件大小.
编辑:我正在处理某些图像的保持连接,因此Content-Length标头不可用.
我需要使用node.js来获取网页中图像文件的大小.为此,我使用了一些节点模块,但它给出了所有其他资源的大小,如js文件,html大小等.所以如何获取请求的大小(请求图像文件)？.如何查找图像文件的加载时间？
我想知道使用js或jquery如何在加载后获得图像的大小(字节,KB,MB).我不想使用任何ajax或发送任何额外的http请求.就像我们使用$("#imageId").height()一样,我们如何获得内存大小？
我正在尝试下面的代码,从实时URL获取KB/MB/GB(不是宽度和高度)的图像大小.但它不起作用.
var xhr = new XMLHttpRequest();
xhr.open('HEAD', 'http://www.2015autoblog.com/wp-content/uploads/2014/09/2015-Toyota-Land-Cruiser-Front.jpg', true);
调试器
alert(xhr.status);
if ( xhr.status == 200 ) {
alert('Size in bytes: ' + xhr.getResponseHeader('Content-Length'));
} else {
alert('ERROR');
}
我有一个输入文本字段,用户提供图像的源URL,例如 http://mysite/images/STARTPAGE_LOGO.gif是一个有效值.
img我的html文档中没有任何标记或其他内容.如何确定用户输入的URL中存在的图像尺寸.
我看到这个代码来获取(KB, MB)图像的大小。但是这段代码是在更改后从按钮获取数据。这段代码可以适用于我的问题吗？或者有没有其他方法可以使用javascript直接获取图像的大小？
$(function () {
$("#btnClick").change(function (e){
var a = e.target.files[0];
alert(parseFloat(a.size / 1024).toFixed(2) + " KB.");
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="file" id ="btnClick"/>编辑
如上所述nnnnn。我有一个IMG (eg. < img src="someimg.jpg">)我想得到这张图片的大小。我怎么得到它？。如我上面的示例，它将大小存储在按钮中并检索它。