在新窗口中打开图像，出现javascript空白页

Question

从此答案中获得参考

Open image in new window

我做了同样的代码。

function openImage() {
    var largeImage = document.getElementById('viewImage');
    largeImage.style.display = 'block';
    largeImage.style.width = 200 + "px";
    largeImage.style.height = 200 + "px";
    var url = largeImage.getAttribute('src');
    window.open(url, 'Image', 'width=largeImage.stylewidth,height=largeImage.style.height,resizable=1');
}

但是执行此功能时，显示空白页 当我在控制台中查看图像src时，它显示正确的数据。

我的img元素也向我正确显示了图像，

但这是我的页面的显示方式

您认为我的代码有什么问题？

Answer 1

该解决方案适用于实际URL为src的图像，在您的情况下，图像src是base64编码的字符串而不是url。

Base64对Window.open的支持在所有浏览器中都不相同，它在Firefox上有效，但在chrome和IE上不可用。

因此，您可以尝试使用此方法

function openImage() {
    var largeImage = document.getElementById('viewImage');
    largeImage.style.display = 'block';
    largeImage.style.width = 200 + "px";
    largeImage.style.height = 200 + "px";

    var w = window.open("");
    w.document.write(largeImage.outerHTML);
}