关于：在chrome中打开图像时为空白

Question

我正在开发的应用程序中有一项功能允许用户在新窗口中打开图像。它的实现方式如下：

const link = 'data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAA...';
window.open(link)

它在firefox中运行得非常好，但是当我在chrome中执行此操作时，它会将我重定向到一个带有about:blank url的空白页面？我该如何解决这个问题？

Answer 1

我认为Chrome已弃用使用“data：”网址打开链接。有关解决方法的解决方案，请参阅this link from Google for explanation和this answer from a similar stack overflow question。希望这有帮助！

Answer 2

您可以在Chrome中通过向新窗口添加img标记来实现此目的：

const link = 'data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAA...';
var newWindow = window.open();
newWindow.document.write('<img src="' + link + '" />');