js 獲取圖片的寬高

獲取圖片的寬高

function get_image_dom_natural_wh(img_dom) {
  return new Promise((resolve) => {
    if (img_dom.naturalWidth && img_dom.naturalHeight) {
      return resolve({ width: img_dom.naturalWidth, height: img_dom.naturalHeight });
    } else {
      const img = new Image();

      img.src = img_dom.src;
      img.onload = () => {
        return resolve({ width: img.width, height: img.height });
      };
      img.onerror = () => {
        return resolve({ width: 0, height: 0 });
      };
    }
  });
}

naturalWidth和naturalHeight是html5新增的屬性，它們可以直接獲取圖片的原始寬高。而且這在Fixefox/Chrome/Safari/Opera/IE9里已經實現。