私はBase64でエンコードされた画像の寸法が必要な角度アプリケーションがあります。 私はImageにロードしようとしたが、それはちょうどそれが私がこの情報を取得する方法を見つけ出すことはできません0x0Base64でエンコードされた画像から寸法を取得する
const image = new Image();
image.src = 'data:image/jpeg;base64,someBase64ImageString';
console.log(image.width + 'x' + image.height);
であると言います。
する必要がありますあなたがdata:image/png;base64,
でSRCを付加いることを確認します（これ寸法を有する）であります非同期 - これはデータURIと外部リソース（少なくともChromeでは）に適用されるようです。
安全widthとheightが移植されることを保証するために、ロジックがコールバック で実行されなければならない - これはイメージがロードされる最初の時間だけの問題、すなわち
let im = new Image;
im.src = 'data:image/png;base64,whatever';
im.onload =() => console.log(im.width);
注意、あなたのコードがままのの作品これは、ブラウザがデータを処理してキャッシュする方法と関係があると推測されます。
こんにちは、答えに感謝します。私の知る限り、onloadイベントは、ページがロードされたときに起動されますが、登録時に既にロードされているため、このイベントがいつ発生するのかわかりません。 – methgaard
イメージには、独自の 'load'イベントがあります。ページが「読み込まれている」場合は、埋め込みリソースの状態ではなく、マークアップのみが考慮されます。ポイントがロードされているかどうかにかかわらず、明らかに、イメージのサイズが設定される前にノンブロッキングであることが意図されている処理があります。 – Emissary
ありがとう、それはそれを解決！ – methgaard