js 图片上传本地预览

发布网友发布时间：2022-04-22 05:37

共2个回答

热心网友时间：2022-04-20 01:17

<FORM method="POST" enctype="multipart/form-data" action="" name="form1">
图片:<img src="" ID="DoImgName1" width="300" height="200"><br>
选择：<INPUT type="file" name="ImgFile1" size="38" OnPropertyChange="dochange1();" value="">
</FORM>

<script language="javascript">
function dochange1() {
var thissrc;
thissrc=this.form1.ImgFile1.value;
strs=thissrc.toLowerCase();
lens=strs.length;
extname=strs.substring(lens-4,lens);
if(extname==".jpg" || extname==".gif" || extname==".swf"){
document.all.DoImgName1.src=thissrc;
}
}
</script>

热心网友时间：2022-04-20 02:35

浏览器安全性已经大大提高，要实现图片上传预览不是那么简单了
不过有很多变通或先进的方法来实现
例如ie7/ie8的滤镜预览法，firefox 3的getAsDataURL方法
具体可以参考这个图片上传预览效果追问你说的那个网站可能IE7、IE8下可以预览，我用的IE9根本不行，FireFox7下也不行

参考资料：http://www.blueidea.com/common/shoutbox/redir.asp?2=u&id=11586