次のように、外部サーバーを指す「src」を持つイメージがあります。
<img src="http://somewhere.com/script.php?id=1234">
返される画像は.pngで、「X」画像または「O」画像として返すことができます。
javascript / jqueryを使用して画像がXかOかを判断するにはどうすればよいですか?ロードされたイメージのmd5を計算していますか?イメージバイトにアクセスしてmd5を計算するにはどうすればよいですか?
次のように、外部サーバーを指す「src」を持つイメージがあります。
<img src="http://somewhere.com/script.php?id=1234">
返される画像は.pngで、「X」画像または「O」画像として返すことができます。
javascript / jqueryを使用して画像がXかOかを判断するにはどうすればよいですか?ロードされたイメージのmd5を計算していますか?イメージバイトにアクセスしてmd5を計算するにはどうすればよいですか?
まず第一に、あなたがしていることはおそらく非常に非効率的です。動的PHPスクリプトから画像をロードするため、ほとんどのブラウザは画像をキャッシュしません。さらに、アクセスできない別のサイトから画像を読み込むことは、常に悪い習慣と見なされます。
とにかく、これを行う最も簡単な方法は、PHPのようなサーバー側の言語を使用することです。curl
次に、、、またはのいずれかfsocketopen
を使用してファイルサイズを取得できます。この数値を画像の既知のファイルサイズと比較することで、どの画像がロードされているかがわかります。curlの使用例については、このページをご覧ください。get_headers
fopen
または、JavaScriptを使用してこれを行うこともできます(本当に必要な場合):このstackoverflowの質問を見てください。
画像をキャンバスオブジェクトに描画してから、ピクセルを確認できます。たとえば、Xは左上隅に黒いピクセルを持ち、Oは透明または白いピクセルを持ちます(もちろん画像によって異なります)。