我看到这个代码来获取(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">)我想得到这张图片的大小。我怎么得到它？。如我上面的示例，它将大小存储在按钮中并检索它。
<img>元素没有直接的方法来获取它加载的数据的任何信息，除了获取它的naturalWidth和naturalHeight值，当然，如果它是浏览器支持的有效图像类型之一。
唯一的方法是再次获取数据，作为 Blob。从那里，您将能够看到文件的大小。但请注意，此方法受同源策略限制。
img.onload = e => {
fetch(img.src).then(resp => resp.blob())
.then(blob => {
console.log(blob.size);
});
};<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/55/John_William_Waterhouse_A_Mermaid.jpg/800px-John_William_Waterhouse_A_Mermaid.jpg" id="img">本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句