前端获取后台传过来的图片，前端能计算出图片的占用空间吗？

Question

前端获取后台传过来的图片，前端能计算出图片的占用空间吗？就是一张图片多少kb

Answer 1

如果是 AJAX 请求的话，取响应头的 Content-Length 就是文件大小的了。

---

也可以通过 Image 加载的回调取一次：

let image = new Image();
image.onload = function() {
    let width = image.width; // 宽 px
    let height = image.height; // 高 px
    let fileSize = image.fileSize; // 大小 byte
}
image.src = 'XXXXX';

Answer 2

利用input元素获取大小
<input type="file" id='mypicture'>
var file=document.getElementById('mypicture');
var fileData = file.files[0];
var size = fileData.size; //这里读到的是字节数