php - javascript/jquery：获取远程图像的信息

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文件大小。通过将此数字与图像的已知文件大小进行比较，您可以知道加载了哪个图像。查看此页面以获取使用 curl 的示例。fsocketopenget_headersfopen

或者，您也可以使用 JavaScript 执行此操作（如果您真的必须）：看看这个stackoverflow 问题。

Answer 2

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