javascript - img 和 XMLHttpRequest 有什么区别？

Question

我目前正在与 CORS 作斗争。我想请求一张根据请求生成的图片（例如来自 WMS 的地图）。

如果图片加载了img标签，则图片显示正确。但是，当我尝试使用 a 获取图片时XMLHttpRequest，结果是：

XMLHttpRequest cannot load http://vmap0.tiles.osgeo.org/wms/vmap0?[...].
Origin http://fiddle.jshell.net is not allowed by Access-Control-Allow-Origin.

你可以在jsfiddle上找到一个简单的例子。

这两种方法有什么区别？

我想使用XMLHttpRequest，因为请求的图片将成为 WebGL 应用程序的纹理。

Answer 1

XMLHttpRequest 用于加载数据。

IMG 用于加载图像。

有什么好难理解的。

XMLHttpRequest 对象用于在后台与服务器交换数据。

至于 Access-Control-Allow-Origin规范声明您必须让服务器检查来自客户端的 Origin 标头并将来源作为 Access-Control-Allow-Origin