在新窗口中打开图像

Question

如何使用它在新窗口中打开图像id？

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

单击图像时调用此函数.现在,它在同一个窗口打开,但我想在新窗口中打开它.如何实现这一目标？

Answer 1

function swipe() {
   var largeImage = document.getElementById('largeImage');
   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');
}

HTML代码:

<img src="abc.jpg" onClick="swipe();"/>

Answer 2

对于一个很有可能在主窗口后面丢失的新窗口,以及一般讨厌的访问者:

window.open('http://example.com/someImage.png');

如果我是你,我会坚持常规链接.

Answer 3

尝试使用以下函数：

function newTabImage() {
    var image = new Image();
    image.src = $('#idimage').attr('src');

    var w = window.open("",'_blank');
    w.document.write(image.outerHTML);
    w.document.close(); 
}

使用以下 HTML 代码进行调用：

<img id="idimage" src="data:image/jpg;base64,/9j/4A.." onclick="newTabImage()">

Answer 4

尝试：

<img src="URL or BASE64" onclick="window.open(this.src)">