JavaScript 同じ画像データか判別する方法

Question

下記二つはURLは違えど同じ画像（画像データ）だと仮定します
これを同じかどうか判別したいです

XHRを使ってバイナリデータを比較～というやり方は望んでいません
何か判別する知恵をお持ちの方教えてください。

<img src="https://teratail-v2.storage.googleapis.com/uploads/avatars/u17/173564/ELXPV7IB_thumbnail.jpg">
<img src="https://teratail-v2.storage.googleapis.com/uploads/avatars/u17/191881/ELXPV7IB_thumbnail.jpg">

Answer 1

XHRを使ってバイナリデータを比較～

それが一番まともな方法だと思います。

それ以外だと、<canvas> に描画してピクセルを比較してみるとか。とても非効率です。

Comments

[inbox]

そうですか、ありがとうございます
仮にファイルサイズが取得できたとして（XHR必至ですが）ファイルサイズによる比較は、被る可能性があるかと思いますが、確率的に低いと思いますが、これはありでしょうか

[int32_t]

> これはありでしょうか

誤判定があってもいいのかどうか、それはご自身で判断してください。
なんのために同一判定するのか不明なので、とくにコメントはありません。