javascript/jquery:获取远程图像的信息


javascript/jquery: get info for a remote image

我有一个图像,它的"src"指向外部服务器,如下所示:

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

返回的图像为.png,可以作为"X"图像或"O"图像返回。

如何使用javascript/jquery确定图像是X还是O?正在计算加载图像的md5?在这种情况下,我如何访问图像字节并计算md5?

首先,您所做的工作可能非常低效。因为你从动态PHP脚本加载图像,所以大多数浏览器都不会缓存它。此外,从你无法访问的另一个网站加载图像总是被认为是不好的做法。

无论如何,最简单的方法是使用像PHP这样的服务器端语言。然后可以使用curlfsocketopenget_headersfopen获取文件大小。通过将这个数字与图像的已知文件大小进行比较,您就知道加载了哪个图像。请看一下本页中使用curl的示例。

或者,您也可以使用JavaScript(如果您真的必须这样做的话):看看这个stackoverflow问题。

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