本地预览

一,fakePath问题解决
工具 -> Internet选项 -> 安全 -> 自定义级别 -> 找到“其他”中的“将本地文件上载至服务器时包含本地目录路径”,选中“启用”就能解决问题。
二,实现

<html>
<head>
<script type="text/javascript">
function yulan(obj){

  //alert(obj.value);
  // return false;// var imgsrc=window.URL.createObjectURL(document.getElementById('up').files[0]);
  // var ext=document.fm.file.value.substring(document.fm.file.value.lastIndexOf("."),document.fm.file.value.length);
   var ext=obj.value.substring(obj.value.lastIndexOf("."),obj.value.length);
   ext=ext.toLowerCase();
   if(ext!=".jpg"){
          alert("only jpg");
          obj.value="";
   }else{
    
     var imgsrc=obj.value;
     document.getElementById("show").innerHTML="<img src='"+imgsrc+"' width=300  style='border:6px double #ccc'>"
  
   }

}
</script>
</head>
<body>
<form id="fm" name="fm">
<input type="file" id="up" onchange="yulan(this)"/>
<div id="show"></div>
</form>
</body>
</html>

猜你喜欢

转载自fulndon.iteye.com/blog/2240905
今日推荐