点击按钮显示图片的两种方法

 
 
1.function openwin(url) {
//alert(url);
var iHeight=550;
var iWidth=550;
var iTop = (window.screen.availHeight-30-iHeight)/2; //获得窗口的垂直位置;
var iLeft = (window.screen.availWidth-10-iWidth)/2; //获得窗口的水平位置;
OpenWindow=window.open("", "newwin", "height="+iHeight+", width="+iWidth+",top="+iTop+",left="+iLeft+",toolbar=no,menubar=no,scrollbars=no, resizable=yes,location=no, status=no");
//写成一行
OpenWindow.document.write("<TITLE>图片</TITLE>")
OpenWindow.document.write("<BODY BGCOLOR=#ffffff>")
//OpenWindow.document.write("显示图片")
OpenWindow.document.write("<img src="+url+" /> ")
OpenWindow.document.write("</BODY>")
OpenWindow.document.write("</HTML>")
OpenWindow.document.close()
}
<input type="button" value="查看"
οnclick="openwin('ftp://${ftpUserName}:${ftpPassword}@${ftpHost}/${idcard}')" class="btn">
对应的网址:http://www.cnblogs.com/stswordman/archive/2006/06/02/415853.html
2.图片大小可根据窗口适应
var oImg=new Image(); //创建图像对象
oImg.src=url; //设置图像源
oImg.οnlοad=window.open(url,"","width="+iWidth+",height="+iHeight+",top="+iTop+",left="+iLeft+",toolbar=no,menubar=no,scrollbars=yes, resizable=yes,location=no, status=no,titlebar=no");

<button onClick="fiximgwin('ftp://huofenghuang:huofenghuang@192.168.9.156/phenix/contract/2016/03/28/1459137070810685.jpg')"> 打开图片</button>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值