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

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

阅读 2.9k
2 个回答

如果是 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';

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题