chrome 和 Edge 上的 Base64 Url 问题

Question

我想在点击锚标签时打开图像。我正在使用下面的代码，它在 Firefox 中运行良好，但无法处理 Chrome 和控制台中的边缘错误“”不允许将顶部框架导航到数据 URL:”。我尝试添加 ==， = 在 base64 字符串的末尾，但它不起作用。在此先感谢。

           <a href="data:image/png;base64, '.$b64image.'"  target="_blank">View</a>

我试过了

         <a href="data:image/png;base64, '.$b64image.'=="  target="_blank">View</a>
         <a href="data:image/png;base64, '.$b64image.'="  target="_blank">View</a>

Answer 1

这是 chrome 安全限制。可以通过以下方式绕过

function debugBase64(base64URL){
    var win = window.open();
    win.document.write('<iframe src="' + base64URL  + '" frameborder="0" style="border:0; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%;" allowfullscreen></iframe>');
}

使用事件侦听器在单击 link 时调用此函数。

Source

chrome 和 Edge 上的 Base64 Url 问题

Base64 Url issue on chrome and Edge

html

google-chrome

microsoft-edge