Question

我有一个“src”指向外部服务器的图像，如下所示：

   <img src="http://somewhere.com/script.php?id=1234">

返回的图像是.png，可以作为“X”图像或“O”图像返回。

如何使用javascript / jquery确定图像是X还是O？计算加载图像的md5？如果我如何访问图像字节并计算md5？

Answer 1

首先，你正在做的事情可能非常低效。因为您从动态PHP脚本加载图像，所以大多数浏览器都不会缓存它。此外，从您无法访问的其他网站加载图像始终被视为不良做法。

无论如何，最简单的方法是使用像PHP这样的服务器端语言。然后，您可以使用curl，fsocketopen，get_headers或fopen获取文件大小。通过将此数字与图像的已知文件大小进行比较，您可以知道加载了哪个图像。有关使用curl的示例，请查看this页面。

或者，你也可以使用JavaScript（如果你真的必须）这样做：看一下this stackoverflow问题。

Answer 2

您可以将图像绘制到画布对象中，然后检查像素。例如。 X可能在左上角有一个黑色像素，而O则有透明或白色（当然取决于图像）。