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

最新推荐文章于 2025-10-10 13:47:49 发布

原创最新推荐文章于 2025-10-10 13:47:49 发布 · 4.1k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

jsp 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了两种在Internet Explorer浏览器中获取本地文件真实路径的方法。一种是通过调整浏览器的安全设置来实现；另一种则是利用HTML与JavaScript结合的方式，在不改变设置的前提下达到目的。这两种方法对于依赖本地文件路径的应用场景非常有用。

低功耗蓝牙项目，需要一块懂省电的板

思澈 SF32LB52 芯片，BLE 协议栈深度优化，上手即开发

点击查看

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" onchange='PreviewImage(this)' /> 
   <div id="imgPreview" style='width:300px; height:200px;'> 
    <img src=""/> 
   </div> 
  </center>
 </body> 
</html>