最近PD小姐姐又有了新的需求，是獲取圖片的大小，不能超過1M

可是我查遍了全網的都是講獲取寬高的，寬高我知道，直接onload就可以獲取了，那麼體積怎麼獲取吶？

後來，搜到一個英文問題，解決了體積的問題，但是感覺不是特別準確~記錄下

獲取體積或者叫大小：

  

  function getImageSizeInBytes(imgURL) {
    var request = new XMLHttpRequest();
    request.open("HEAD", imgURL, false);
    request.send(null);
    var headerText = request.getAllResponseHeaders();
    var re = /Content\-Length\s*:\s*(\d+)/i;
    re.exec(headerText);
    return parseInt(RegExp.$1);
  }
    
  var picLink = "https://img.alicdn.com/tfs/TB1ZUuMgb9YBuNjy0FgXXcxcXXa-298-170.png";
  var size = this.getImageSizeInBytes(picLink);
  var size_image = size / 1000;
  console.log("size_image", size_image);
 

使用效果：

可以獲取體積大小，但是感覺並不準確~憂傷

 Demo