首页  >  文章  >  web前端  >  用js实现预览待上传的本地图片_javascript技巧

用js实现预览待上传的本地图片_javascript技巧

WBOY
WBOY原创
2016-05-16 19:16:30977浏览



<script> <BR>function preview5(){ <BR>var x = document.getElementById("file5"); <BR> if(!x || !x.value) return; <BR>var patn = /\.jpg$|\.jpeg$|\.gif$/i; <BR>if(patn.test(x.value)){ <BR>var y = document.getElementById("img5"); <BR>if(y){ <BR>y.src = "file://localhost/" + x.value; <BR>}else{ <BR>var img=document.createElement("img"); img.setAttribute("src","file://localhost/"+x.value); <BR>img.setAttribute("width","120"); <BR>img.setAttribute("height","90"); <BR>img.setAttribute("id","img5"); <BR>document.getElementById("form5").appendChild(img); <BR> } <BR>}else{ <BR>alert("您选择的似乎不是图像文件。"); <BR>}} <BR></script> 
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn