浏览 3045 次
|
锁定老帖子 主题：上传图片预览
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2008-11-28
<html>
<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>图片上传</title> <script> function viewmypic(imgfile) { if (imgfile.value){ var oImg = new Image(); oImg.src = imgfile.value; var ow = oImg.width; var oh = oImg.height; var ow2 = ow, oh2 = oh;// 得到宽高 try { if (ow > oh) { if (ow > 200) { ow2 = 200; oh2 = "auto"; } } else { if (oh > 200) { oh2 = 200; ow2 = "auto"; } } var getimg = "<a href=\"" + oImg.src + "\" onclick=\"window.open(this.href,'','width=500,height=400,top='+(window.screen.height-500)/2+',left='+(window.screen.width-500)/2+',resizable=yes ');return false;\" target=\"_blank\">" + "<img border=\"0\" id=\"uploadimg\" src=\"" + oImg.src + "\" style=\"width:" + ow2 + ";height:" + oh2 + ";\">" + "</a>"; document.getElementById("showPic").innerHTML = getimg; document.getElementById("showPic").style.display=''; } catch (ex) { alert(ex.toString()); } } } </script> </head> <body> <center> <form > <input name="imgfile" type="file" id="imgfile" size="40" onchange="viewmypic(this);" /> </form> <img name="showimg" id="showimg" src="" style="display:none;" alt="预览图片" /> <br /> <div id='showPic' style="display:none"> </div> </center> </body> </html> 声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
|
发表时间：2008-11-28
IE6可以，但其它大部分浏览器上都不能用。
|
| 返回顶楼 | |
|
发表时间：2008-12-08
用很多浏览器测试过了，确实其他大部分浏览器不能用，也Google了，没有找到合适解决办法，望牛人指点指点
|
| 返回顶楼 | |
