JavaScript img srcで表示する画像ファイルサイズ(容量)を取得するには

Question

前提・実現したいこと

width,heightは容易に取得できますが画像そのものの容量を取得するには
XHRを通したり、ひと手間かかるような情報しかありません

var img = new Image();
img.src="～.jpg";
alert(img.filesize());

上記のような簡単に取得する関数は用意されてないんでしょうか？

その他楽に取得する方法があれば教えてください(XHR,JQuery除く)

Comments

[takasima20]

ブラウザ上の画像は元のファイルとは違っているので JavaScript で内部的に求めるのはムリじゃないかなあ?
可能性としてはブラウザのキャッシュから探せるかもだけど、名前が分からないとねえ?

[m.ts10806]

jQueryは結局Javascriptなので除く意味は無いかと。

Answer 1

普通にやるならXHR/fetchなどで別途受け取るしかないでしょう。

またサーバー側の処理で

<img src="・・・・" data-size="999">

のようにカスタムデータで渡してもよいかも

あとはsrcにbase64で固めたデータを渡せば
jsでオリジナルサイズを計算することは可能です

Answer 2

楽に取得する方法があれば教えてください(XHR,JQuery除く)

2021年7月現在、ないと思います。