img 标签数据：Chrome 中的图片答案

【问题标题】：img tag data:image in Chromeimg 标签数据：Chrome 中的图片
【发布时间】：2014-12-03 23:44:28
【问题描述】：

在我的网络应用程序中，我使用 data:image 来显示图像。在 Internet Explorer 11 中我可以看到图像，但在 Chrome 中我看不到。 Chrome 在 javascript 控制台中显示错误； “加载资源失败：net::ERR_INVALID_URL”。我也在隐身窗口中尝试过禁用所有扩展。我可以看到其他一些数据：Chrome 中的图像样本。但我看不到我的形象。我创建了一个示例页面来向您展示。以下页面 - http://oktay.tv/temp/img.html - 在 IE11 中正确显示图像。我的 Chrome 版本在 Windows 操作系统中是 39.0.2171.71。

【问题讨论】：

在 Firefox 34.0.5 中不显示，在 Windows 8.1 上也不显示

标签： html image google-chrome

【解决方案1】：

问题解决了。我忘了在 src attirbute 之后添加引号。好像 IE 会自动加引号。

【讨论】：

【解决方案2】：

这可能是一个很长的镜头，但请尝试再次转换图像。我用另一个图像对其进行了测试，只需更改您的代码即可。我得到的唯一解释是您的 src 可能无效。

[使用 Chrome 39（64 位）OSX 测试]

【讨论】：

【解决方案3】：

这是您发布的示例。 src 引用不是关闭了吗？

     <html>
      <img src="data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA( ... )Hq/lyAAAAAElFTkSuQmCC/">
</html>

【讨论】：

IE 自己添加引号。我没有加引号。
@OktayO，chrome中的例子也有引号。
@sendreams 那个时候Chrome没有加引号而是IE自动加了。我用引号更正了来源。