兼容IE8、火狐的本地图片预览+等比例缩放

lovnet

浏览: 6711457 次
性别:
来自: 武汉

最近访客更多访客>>

u012363178

jx_colin

MauerSu

wangyy

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (7414)

社区版块

存档分类

2013-03 ( 20)
2013-02 ( 53)
2013-01 ( 90)
更多存档...

IE Microsoft CSS Firefox JavaScript

来源网上的资源：

<!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=utf-8" /> <title>Firefox3,IE6,IE7,IE8上传图片预览</title> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> #preview_wrapper{ display:inline-block; width:300px; height:300px; background-color:#CCC; } #preview_fake{ /* 该对象用户在IE下显示预览图片 */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale); } #preview_size_fake{ /* 该对象只用来在IE下获得图片的原始尺寸，无其它用途 */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image); visibility:hidden; } #preview{ /* 该对象用户在FF下显示预览图片 */ width:300px; height:300px; } </style> <mce:script type="text/javascript"></mce:script> </head> <body> <div id="preview_wrapper"> <div id="preview_fake"> <img id="preview" onload="onPreviewLoad(this)"/> </div> </div> <br/> <input id="upload_img" type="file" onchange="onUploadImgChange(this)"/> <br/> <img id="preview_size_fake"/> </body> </html>

分享到：