用JS获取上传文件的真实路径 fakepath的问题

关注

转载最新推荐文章于 2026-05-30 15:58:34 发布 1.2w 阅读 AI 写同款· GEO 优化 ›

解决文件上传取不到真实路径问题(fakepath) 1、问题描述:前一段时间要做一个excel数据导入到数据库的功能,当时用的是googlechrome,没有用form表单,仅仅一个<inputtype="file"/>组件,上传excel时怎么也去不到文件路径,不论是从哪个驱动器上传,文件路径都是:c:\fakepath\文件名.xls。2、解决方案网上转悠了老半天,没找到一个完美的方案,最后经个同事指导:... 阅读详情

相信大家都遇到过用JAVASCRIPT获取一个上传图片的file的值的问题。

百度一下差不多是说浏览器基于保护用户的相关安全措施，隐藏了上传的真实路径，用fakepath代替，当然，调整浏览器的相关安全设置可以解决这个问题。

但我们不可能让所有用户都通过设置浏览器的安全设置来进行图片上传，这种方法在网络交互上显然不现实。

var getPath=function(obj,fileQuery,transImg){ 
 
        if(window.navigator.userAgent.indexOf("MSIE")>=1){ 
 
            obj.select(); 
 
            var path=document.selection.createRange().text; 
 
            obj.removeAttribute("src"); 
 
            obj.setAttribute("src",transImg); 
 
            obj.style.filter=   
 
            "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+path+"', 
sizingMethod='scale');";  
 
        } 
 
        else{ 
 
            var file 
=fileQuery.files[0];  
 
            var reader 
=  
new FileReader();  
 
            reader.onload 
=  
function(e){ 
 
                obj.setAttribute("src",e.target.result) 
 
            } 
 
            reader.readAsDataURL(file);  
 
        } 
 
    }