我有一个图像,它的"src"指向外部服务器,如下所示:
<img src="http://somewhere.com/script.php?id=1234">
返回的图像为.png,可以作为"X"图像或"O"图像返回。
如何使用javascript/jquery确定图像是X还是O?正在计算加载图像的md5?在这种情况下,我如何访问图像字节并计算md5?
首先,您所做的工作可能非常低效。因为你从动态PHP脚本加载图像,所以大多数浏览器都不会缓存它。此外,从你无法访问的另一个网站加载图像总是被认为是不好的做法。
无论如何,最简单的方法是使用像PHP这样的服务器端语言。然后可以使用curl
、fsocketopen
、get_headers
或fopen
获取文件大小。通过将这个数字与图像的已知文件大小进行比较,您就知道加载了哪个图像。请看一下本页中使用curl的示例。
或者,您也可以使用JavaScript(如果您真的必须这样做的话):看看这个stackoverflow问题。
您可以将图像绘制到画布对象中,然后检查像素。例如,X可能在左上角有一个黑色像素,而O可能有一个透明或白色像素(当然取决于图像)。