Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/kotlin/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在Chrome和IE 11中打开嵌入图像作为新选项卡_Javascript_Html_Google Chrome_Hyperlink_Internet Explorer 11 - Fatal编程技术网

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

Javascript 在Chrome和IE 11中打开嵌入图像作为新选项卡,javascript,html,google-chrome,hyperlink,internet-explorer-11,Javascript,Html,Google Chrome,Hyperlink,Internet Explorer 11,我正在尝试在Chrome和IE 11的新选项卡中打开一个嵌入式PNG图像 在IE 11中,选项卡打开,但图像未渲染 在Chrome中,该选项卡不会打开,但是,右键单击和“在新选项卡中打开”可以工作 我希望有人知道这里发生了什么。之所以会发生这种情况,是因为浏览器会阻止对数据URL的顶部框架导航。有关更多信息,请查看 通常,要绕过此选项,您有几个选项: 将图像保存到服务器,并通过常用方案(http、https、ftp)为其提供服务 使用窗口打开新选项卡。打开()并写入标记 通过向链接添加do

我正在尝试在Chrome和IE 11的新选项卡中打开一个嵌入式PNG图像

在IE 11中,选项卡打开,但图像未渲染

在Chrome中,该选项卡不会打开,但是,右键单击和“在新选项卡中打开”可以工作



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

之所以会发生这种情况,是因为浏览器会阻止对数据URL的顶部框架导航。有关更多信息,请查看

通常,要绕过此选项,您有几个选项:

  • 将图像保存到服务器,并通过常用方案(http、https、ftp)为其提供服务

  • 使用
    窗口打开新选项卡。打开()
    并写入标记

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


谢谢你,维克多。这很有帮助。
<a href="data:image/png;base64,iVBORw0KGgoAA ..... kJggg==" width="40%" target="_blank"> image </a>