IE7预览本地图片
<script language="javascript" >
<!--
//更改图片
function ImgFile1_onchange() {
var divImg = document.getElementById("divImg1");
var Img = document.getElementById("Img1");
var ImgFile = document.getElementById("ImgFile1");
var hiddenInput = document.getElementById("txthidden1");
divImg.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = ImgFile.value;
Img.src = "../../Images/TransparentPixel.gif";
hiddenInput.value = "1";
}
//清除图片及路径
function ClearImg1()
{
var divImg = document.getElementById("divImg1");
var Img = document.getElementById("Img1");
divImg.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = "../../Images/Pole/NoPoleView.gif";
Img.src = "../../Images/TransparentPixel.gif";
var hiddenInput = document.getElementById("txthidden1");
hiddenInput.value = "0";
document.all.ImgFile1.outerHTML+='';
return false;
}
</script>
引用:
<Div id='divImg1' style='filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=../../Images/Pole/NoPoleView.gif);width:200px;height:150px;'>
<IMG id="Img1" height="150" alt="" src="../../Images/TransparentPixel.gif" width="200" runat="server">
</Div>
<INPUT language="javascript" id="ImgFile1" style="WIDTH: 230px; HEIGHT: 18px" type="file" οnchange="return ImgFile1_onchange()" size="19" name="FileImg1" runat="server">
其它流行写法:
<!--以下均支持IE6和IE7,不支持Firefox2.0,其他浏览器未经测试-->
<script type="text/javascript">
function CloseWin()
{
window.opener=null;
window.open("","_self");
window.close();
}
function Preview(imgFile)
{
document.getElementById("pic").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
}
</script>
<a href="javascript:CloseWin();"> 点击这里无提示关闭当前窗口</a><br />
请选择要预览的图片:<input type="file" οnchange="javascript:Preview(this);" /><br />
<div id="pic" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);width:400px;height:200px;"></div>