IE浏览器获取本地文件真实路径

最新推荐文章于 2024-07-17 19:44:32 发布

NFA_YY

最新推荐文章于 2024-07-17 19:44:32 发布

阅读量3.9k

点赞数

分类专栏： jsp

本文链接：https://blog.csdn.net/nfa_yy/article/details/73613347

版权

jsp 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

IE浏览器默认设置禁用了从浏览器获取本地文件真实路径，目前我在查找资料看到的解决办法有两种

第一种：

修改浏览器设置,如图所示 IE浏览器获取本地文件真实路径 - 河边的小木桥 - 河边的小木桥的博客

第二种：
<%@ page contentType="text/html;charset=UTF-8"%>
<html> 
 <head> 
  <title>图片上传预览</title> 
  <script> 
   function PreviewImage(imgFile) 
   { 
    var pattern = /(\.*.jpg$)|(\.*.png$)|(\.*.jpeg$)|(\.*.gif$)|(\.*.bmp$)/;      
    if(!pattern.test(imgFile.value)) 
    { 
     alert("系统仅支持jpg/jpeg/png/gif/bmp格式的照片！");  
     imgFile.focus(); 
    } 
    else 
    { 
     var path; 
     if(document.all)//IE 
     { 
      imgFile.select(); 
      path = document.selection.createRange().text; 
      alert(path);
      document.getElementById("imgPreview").innerHTML=""; 
      document.getElementById("imgPreview").style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src=\"" + path + "\")";//使用滤镜效果 
     } 
     else//FF 
     { 
      path = URL.createObjectURL(imgFile.files[0]);
      document.getElementById("imgPreview").innerHTML = "<img src='"+path+"'/>"; 
     } 
    } 
   } 
  </script> 
 </head> 
 <body> 
  <center>
   <input type="file" οnchange='PreviewImage(this)' /> 
   <div id="imgPreview" style='width:300px; height:200px;'> 
    <img src=""/> 
   </div> 
  </center>
 </body> 
</html>

NFA_YY

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
IE浏览器获取本地文件真实路径

IE浏览器默认设置禁用了从浏览器获取本地文件真实路径，目前我在查找资料看到的解决办法有两种第一种：修改浏览器设置,如图所示第二种：图片上传预览 function PreviewImage(imgFile) { var pattern = /(\.*.jpg$)|(\.*.png$)|(\.*.jpeg$)|(\.*.gif$)|(\.*.bmp$)/;
复制链接

扫一扫

专栏目录