无法在 Firefox 或 Chrome 中加载远程图像（在 IE 中有效）答案

【问题标题】：Remote Images not loading in Firefox or Chrome (works in IE)无法在 Firefox 或 Chrome 中加载远程图像（在 IE 中有效）
【发布时间】：2016-04-10 22:34:32
【问题描述】：

这是一个例子，我把它归结为尽可能简单（随机网络图片）

<!DOCTYPE html PUBLIC "-//IETF//DTD HTML 2.0//EN">
<HTML>
    <HEAD>
        <TITLE>
        Just a picture
        </TITLE>
    </HEAD>
    <BODY>
       <img crossorigin="Anonymous" src="http://www.fnordware.com/j2k/relax-orig.png" height="256" width="256">
    </BODY>
</HTML>

在 IE 中工作得很好，但在 chrome 或 firefox 中不显示（我需要它专门在 firefox 中工作）。

Get Response 为 200，但没有内容（在 IE 响应中有内容）

【问题讨论】：

MDN 说：“如果服务器不向源站点提供凭据（通过不设置 Access-Control-Allow-Origin: HTTP 标头），图像将被污染并且其使用受限制的”。不知道这是否是“受限”的意思。

标签： html image firefox

【解决方案1】：

只删除，crossorigin="匿名"

 <!DOCTYPE html PUBLIC "-//IETF//DTD HTML 2.0//EN">
 <HTML>
   <HEAD>
    <TITLE>
    Just a picture
    </TITLE>
</HEAD>
<BODY>
   <img src="http://www.fnordware.com/j2k/relax-orig.png" height="256" width="256">
</BODY>

Firefox 中的图像示例

【讨论】：

这是一个解释问题的简单例子。我需要交叉原点元素，因为实际上我在需要它的 webgl 画布中使用图像。无论标志如何，这都应该有效