открыть изображение в новом окне пустая страница появляется javascript

Question

после получения ссылки из этого ответа

Открыть изображение в новом окне

Я сделал тот же код.

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, в вашем случае image 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);
}