源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2022-10-19 09:23 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:用js实现预览待上传的本地图片
<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> 
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部