IE6,IE7上传预览文件

最新推荐文章于 2023-02-20 14:25:59 发布

dr_showtime

最新推荐文章于 2023-02-20 14:25:59 发布

阅读量251

点赞数

分类专栏： html&javascript 文章标签： Microsoft XHTML XML HTML

本文链接：https://blog.csdn.net/dr_showtime/article/details/83323760

版权

html&javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏


<?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; 
    //需要手动设置高度宽度
    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>

dr_showtime

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
IE6,IE7上传预览文件

[code="html"] 本地图片预览代码（支持 IE6、IE7） #newPreview { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale); } 不论您使用的是 IE6 还是 IE7...
复制链接

扫一扫