点击图片显示图像的新窗口

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; 
    } 

Demo Fiddle

Answer 2

的a标签的href属性必须包含相同的文件路径为img标签内的src属性。您已经添加了target="_blank"，因此图像将在新窗口中以原始尺寸打开，只显示图像。