<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

 1/2    1