作家
登录

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

作者: 来源:www.28hudong.com 2013-03-30 03:36:52 阅读 我要评论

<form name="form5" id="form5" method="post" action="#"> <input type="file" name="file5" id="file5" onchange="preview5()"/> </form> <script type="text/javascript"> function preview5(){ var x = document.getElementById("file5"); if(!x || !x.value) return; var patn = /.jpg$|.jpeg$|.gif$/i; if(patn.test(x.value)){ var y = document.getElementById("img5"); if(y){ y.src = "file://localhost/" + x.value; }else{ var img=document.createElement("img"); img.setAttribute("src","file://localhost/"+x.value); img.setAttribute("width","120"); img.setAttribute("height","90"); img.setAttribute("id","img5"); document.getElementById("form5").appendChild(img); } }else{ alert("您选择的似乎不是图像文件。"); }} </script>

  推荐阅读

  关于javascript函数的几个话题

1.函数对象和函数指针 函数实际上是一个可执行的对象,任何访问函数对象的方式都是函数指针。 不论 使用哪一种方式 var a=new Function(...); function a(...){...} var a=function(...){...} 得到的函数名a都是一>>>详细阅读


本文标题:用js实现预览待上传的本地图片

地址:http://www.17bianji.com/kaifa2/JS/30718.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)