在 Chrome 和 IE 11 中将嵌入图像作为新选项卡打开
Open embedded image as a new tab in Chrome and IE 11
我正在尝试让嵌入的 PNG 图片在 Chrome 和 IE 11 的新标签页中打开。
在 IE 11 中，选项卡打开但图像未呈现。
在 Chrome 中，选项卡不会打开，但是，右键单击并 "Open in a New Tab" 有效。
<a href="data:image/png;base64,iVBORw0KGgoAA ..... kJggg==" width="40%" target="_blank"> image </a>
我希望有人知道这里发生了什么。
发生这种情况是因为浏览器阻止了到数据 URL 的顶层框架导航。有关详细信息，请查看 Intent to Deprecate and Remove: Top-frame navigations to data URLs。
通常，要绕过这个，您有几种选择：
将图像保存到服务器并通过常规方案（http、https、ftp）提供它们。
使用 window.open() 打开新标签页并编写标记 <img src="data:...">。
通过将 download 属性添加到 link 强制浏览器下载图像。
我正在尝试让嵌入的 PNG 图片在 Chrome 和 IE 11 的新标签页中打开。
在 IE 11 中，选项卡打开但图像未呈现。
在 Chrome 中，选项卡不会打开，但是，右键单击并 "Open in a New Tab" 有效。
<a href="data:image/png;base64,iVBORw0KGgoAA ..... kJggg==" width="40%" target="_blank"> image </a>
我希望有人知道这里发生了什么。
发生这种情况是因为浏览器阻止了到数据 URL 的顶层框架导航。有关详细信息，请查看 Intent to Deprecate and Remove: Top-frame navigations to data URLs。
通常，要绕过这个，您有几种选择：
将图像保存到服务器并通过常规方案（http、https、ftp）提供它们。
使用
window.open()打开新标签页并编写标记<img src="data:...">。通过将
download属性添加到 link 强制浏览器下载图像。