浏览 136 次
|
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
时间：2008-05-06 关键字: ie7 javascript
微软IE7确实很让程序员头疼：
在IE7下预览图片时 怎样得到图片的原始大小 ？ 换句话说就是 原始图片多大预览时就显示多大。 <?xml version="1.0" encoding="gb2312"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>本地图片预览代码（支持 IE6、IE7） </title> <style type="text/css"> #newPreview { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale); } </style> <script type="text/javascript" language="javascript"> <!-- function PreviewImg(imgFile) { //新的预览代码，支持 IE6、IE7。 var newPreview = document.getElementById("newPreview"); newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value; // 不定义 width 和 height , 怎样获得原始图片的尺寸。换句话说就是 原始图片多大预览时就显示多大。 //newPreview.style.width = 图片的宽度; //newPreview.style.height = 图片的高度; newPreview.style.width = "80px"; newPreview.style.height = "60px"; } --> </script> </head> <body> <p>不论您使用的是 IE6 还是 IE7，均可以看到以下预览。 </p> <div id="newPreview"> </div> <hr /> <p>请选择一个图片进行预览： <input type="file" size="20" onchange="javascript:PreviewImg(this);" /> </p> </body> </html> 声明：JavaEye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
