PromiseベースでImage().onloadする - Qiitaやりたいこと JavaScriptで、画像の width/height が知りたいとき、以下のようにする。 const img = new Image(); img.onload = () => { console.log(img.width, img.height); } img.src = '画像のパス'; img.src にパスをつっこんで、読み込み完了したタイミングで onload が走る。 このとき、 onload で完了を待たずに img.width などとしても0が返される（読み込み完了前の値が返される）。 これを Promise ベースで書いて、 async/await や、 then/catch の構文で使えると便利なのでは。 結果 こう書ける。Imageに限らず、onloadにコールバック指定する系はだいたい書き換え可能。 new Promise((resolve, r
