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

问题描述：

我得到的是图像和其他一些领域的数据库中的数据，现在我想，当我点击图像，他们在新窗口中打开我的代码是点击图片显示图像的新窗口

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

      </a>

我应该做这个IMG传递到一个窗口，显示大或实际尺寸

答

您需要在代码中添加一些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

答

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

你可以说：""> "" width="200" height="200" /> –

那不是工作 –

我说的是文件路径一般来说。在文件路径中写入的内容中有几个双引号，这几乎肯定会导致文件路径不起作用，因为它们中的第一个实际上会再次关闭“href”属性，剩下的没有意义。所以你应该在属性值周围使用单引号，比如'href ='.....'' – Johannes

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

相关推荐