单击图像在新窗口上显示图像

Question

我从数据库中获取数据，其中包含图像和其他一些字段，现在我希望当我单击它们在新窗口中打开的图像时，我的代码是

<a target="_blank" href="#">
                  <img alt="" src="<%#"data:Image/png;base64,"+Convert.ToBase64String((byte[])Eval("ImageData"))  %>"" width="200" height="200" />

             </a>

我应该怎么做这个 img 传递到下一个窗口并显示大尺寸或实际尺寸

Answer 1

您需要在代码中添加一些 JavaScript。

// HTML

 <a target="_blank" href="#" onClick='test(this)'>
 <img alt="" src="<%#"data:Image/png;base64,"+ Convert.ToBase64String((byte[])Eval("ImageData"))  %>"" />
 </a>

// JavaScript 代码

 function test(element) {
        var newTab = window.open();
        setTimeout(function() {
            newTab.document.body.innerHTML = element.innerHTML;
        }, 500);
        return false;
    }

演示小提琴