javascript - 在 Chrome 和 IE 11 中将嵌入图像作为新选项卡打开

Question

我正在尝试让嵌入的 PNG 图像在 Chrome 和 IE 11 的新标签页中打开。

在 IE 11 中，选项卡打开但图像未呈现。

在 Chrome 中，该选项卡不会打开，但是，右键单击并“在新选项卡中打开”有效。

<a href="data:image/png;base64,iVBORw0KGgoAA ..... kJggg==" width="40%" target="_blank"> image </a>

我希望有人知道这里发生了什么。

Answer 1

发生这种情况是因为浏览器阻止了到数据 URL 的顶层框架导航。更多信息，查看Intent to Deprecate and Remove: Top-frame navigations to data URLs .

通常，要绕过它，您有多种选择:

• 将图像保存到服务器并通过常规方案(http、https、ftp)提供它们。

• 使用 window.open() 打开新标签页并写标记 <img src="data:..."> .

• 通过添加 download 强制浏览器下载图像链接的属性。