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

/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@\buniversity.ac.uk/标记的href属性必须包含与a标记内的src属性相同的文件路径。您已添加img，因此图片将以原始大小在新窗口中打开，只显示图片。

Answer 3

您可以这样做：

// html

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

//脚本

function zoom(element) {
         var newTab = window.open();
         var data = document.getElementById("choicedPhoto").getAttribute("src");
         setTimeout(function () {
             newTab.document.body.innerHTML = "<img src='" + data + "'>";
         }, 500);
         return false;
     }

您没有大小限制（作为原始img）

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

3 个答案: