兼容IE和firefox，获得上传文件绝对路径

最新推荐文章于 2023-08-15 15:52:32 发布
最新推荐文章于 2023-08-15 15:52:32 发布
阅读量4k 收藏 1
点赞数

  firefox为了浏览器安全性，不能获得上传文件绝对路径。。document.getElementById('file').value获得的是文件名
在ie里获得的却是绝对路径

Java代码
  1. <!doctype html>   
  2. <script>   
  3. function readFile(fileBrowser) {   
  4.     if (navigator.userAgent.indexOf("MSIE") != -1) {   
  5.         return getFilePath(fileBrowser);   
  6.     } else if (navigator.userAgent.indexOf("Firefox") != -1 || navigator.userAgent.indexOf("Mozilla") != -1) {   
  7.         return getFilePathWithFF(fileBrowser);   
  8.     } else {   
  9.         return;   
  10.     }   
  11. }   
  12. function getFilePath(fileBrowser) {   
  13.     if (navigator.userAgent.indexOf("MSIE") != -1) {   
  14.         fileBrowser.select();   
  15.         return document.selection.createRange().text;   
  16.     } else if (navigator.userAgent.indexOf("Firefox") != -1 || navigator.userAgent.indexOf("Mozilla") != -1)    
  17. return this.getFilePathWithFF(fileBrowser);   
  18.     else alert("Not IE or Firefox (userAgent=" + navigator.userAgent + ")");   
  19. };   
  20. function getFilePathWithFF(fileBrowser) {   
  21.     try {   
  22.         netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");   
  23.     } catch(e) {   
  24.         alert('由于浏览器安全问题 请按照以下设置 [1] 地址栏输入 "about:config" ;[2] 右键 新建 -> 布尔值 ; [3] 输入 "signed.applets.codebase_principal_support" (忽略引号).');   
  25.         return;   
  26.     }   
  27.     var fileName = fileBrowser.value;   
  28.     alert(fileName );   
  29.     var file = Components.classes["@mozilla.org/file   /local;1"].createInstance(Components.interfaces.nsILocalFile);   
  30.     try { // Back slashes for windows   
  31.         file.initWithPath(fileName.replace(/\//g, "\\\\"));   
  32.     } catch(e) {   
  33.         if (e.result != Components.results.NS_ERROR_FILE_UNRECOGNIZED_PATH)   
  34.            throw e;   
  35.         alert("File '" + fileName + "'cannot be loaded: relative paths    
  36.         are not allowed. Please provide an absolute path to this file.");   
  37.         return;   
  38.     }   
  39. alert(file.path);   
  40.     return file.path;   
  41. }   
  42. </script>   
  43. <html>   
  44.     <head>   
  45.         <meta charset="gbk">         
  46.     </head>   
  47.     <body>   
  48. <input type="file" id="file"></input>    
  49. <input type="button" οnclick="readFile(document.getElementById('file'))" value="上传"></input>    
  50.            
  51. </body>   
  52. </html>  
<!doctype html>
<script>
function readFile(fileBrowser) {
    if (navigator.userAgent.indexOf("MSIE") != -1) {
        return getFilePath(fileBrowser);
    } else if (navigator.userAgent.indexOf("Firefox") != -1 || navigator.userAgent.indexOf("Mozilla") != -1) {
        return getFilePathWithFF(fileBrowser);
    } else {
        return;
    }
}
function getFilePath(fileBrowser) {
    if (navigator.userAgent.indexOf("MSIE") != -1) {
        fileBrowser.select();
        return document.selection.createRange().text;
    } else if (navigator.userAgent.indexOf("Firefox") != -1 || navigator.userAgent.indexOf("Mozilla") != -1) 
return this.getFilePathWithFF(fileBrowser);
    else alert("Not IE or Firefox (userAgent=" + navigator.userAgent + ")");
};
function getFilePathWithFF(fileBrowser) {
    try {
        netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
    } catch(e) {
        alert('由于浏览器安全问题 请按照以下设置 [1] 地址栏输入 "about:config" ;[2] 右键 新建 -> 布尔值 ; [3] 输入 "signed.applets.codebase_principal_support" (忽略引号).');
        return;
    }
    var fileName = fileBrowser.value;
    alert(fileName );
    var file = Components.classes["@mozilla.org/file   /local;1"].createInstance(Components.interfaces.nsILocalFile);
    try { // Back slashes for windows
        file.initWithPath(fileName.replace(/\//g, "\\\\"));
    } catch(e) {
        if (e.result != Components.results.NS_ERROR_FILE_UNRECOGNIZED_PATH)
           throw e;
        alert("File '" + fileName + "'cannot be loaded: relative paths 
        are not allowed. Please provide an absolute path to this file.");
        return;
    }
alert(file.path);
    return file.path;
}
</script>
<html>
	<head>
		<meta charset="gbk">      
	</head>
	<body>
<input type="file" id="file"></input> 
<input type="button" οnclick="readFile(document.getElementById('file'))" value="上传"></input> 
        
</body>
</html>

document.selection只有IE支持，
window.getSelection()也只有FireFox和Safari支持，都不是标准语法。

注解
火狐用window.getSelection().toString()可以获取到选中的文本，但是（input标签的）文本框无效。（所以上面不能用这种方法获得值）
但可以在触发input相应事件时，访问document.activeElement获得活动的组件，再用value获得值。。。（type=file时无效）
ie用MyInput.document.selection.createRange().text可以获取到文本框的文本
之前必须调用myInput.select（）

上面的一些方法和属性不太标准的用法、、像selection之类的、。。
下面简化下
Java代码
  1. function readFile(fileBrowser) {   
  2.     if (navigator.userAgent.indexOf("MSIE") != -1) {   
  3.         return getFilePath(fileBrowser);   
  4.     } else if (navigator.userAgent.indexOf("Firefox") != -1 || navigator.userAgent.indexOf("Mozilla") != -1) {   
  5.         return getFilePathWithFF(fileBrowser);   
  6.     } else {   
  7.         return;   
  8.     }   
  9. }   
  10. function getFilePath(fileBrowser) {   
  11.     alert("ie");   
  12.     alert(fileBrowser.value);   
  13.          
  14.        
  15. }   
  16. function getFilePathWithFF(fileBrowser) {   
  17.     try {   
  18.         netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");   
  19.     } catch(e) {   
  20.         alert('由于浏览器安全问题 请按照以下设置 [1] 地址栏输入 "about:config" ; [2] 右键 新建 -> 布尔值 ; [3] 输入 "signed.applets.codebase_principal_support" (忽略引号).');   
  21.         return;   
  22.     }   
  23.     var fileName = fileBrowser.value;   
  24.     alert("firefox");   
  25.     alert( fileName);   
  26. }  
tzl090940126
关注
获取文件绝对路径
weixin_50125130的博客
06-10 543
为什么获取绝对路径
改变文件域的样式实现思路同时兼容ie、firefox
12-11
针对这个问题，我们可以采取一些技巧来改变文件域的样式，同时确保在不同的浏览器，如IE和Firefox中具有良好的兼容性。以下是一种实现方法，具体步骤如下： 1. **透明化文件域**： 文件域的默认样式通常难以调整，...
js弹出窗口 + 获取上传文件全路径
04-05
NULL 博文链接：https://maidoudao.iteye.com/blog/1511757
IE 上传文件包含绝对路径 Include local directory path when uploading files
肖恩的专栏
09-17 2469
IE 8 相比早期版本的 IE 提升了默认的安全级别。在默认的系统设置下，IE 8 自动禁用了“将文件上载到服务器时包含本地目录路径”。 所以当上传的图片文件含有较长文件名路径时就可能会无法识别，报告文件无效。 相关解决方案：http://support.microsoft.com/kb/2296461/zh-cn Include local director
js 获取file的绝对路径
cqrf2006的专栏
12-28 3045
function getPath(obj) { if (obj) { if (window.navigator.userAgent.indexOf("MSIE") >= 1) { obj.select(); return document.selection.createRange().text; } else if (window.navigator
js判断上传文件的大小（兼容火狐、谷歌、IE、360浏览器）
04-12
本文将详细介绍如何使用JavaScript来判断上传文件的大小，并确保该功能在不同浏览器（包括火狐、谷歌、IE和360浏览器）中的兼容性。 #### 一、需求分析 在实际项目中，通常需要满足以下几点要求： 1. **文件大小...
如何使用JS获取IE上传文件路径(IE7,8)
12-09
在JavaScript中，获取IE浏览器（特别是版本7和8）上传文件的完整路径是一个相对复杂的过程，因为出于安全考虑，现代浏览器不再返回文件的实际路径。在IE7和IE8中，可以通过选择文件后利用`document.selection....
JS获取input file绝对路径的方法(推荐)
10-21
某些浏览器（如IE）返回的是文件的绝对路径，而另外一些浏览器（如Firefox）则只返回文件名。为了让代码在所有主流浏览器中都能工作，需要进行判断并分别处理。 2. **Firefox浏览器特别处理**：由于Firefox不返回...
关于firefox获取不到的file的完整的路径解决方案
p_x1984的专栏
01-13 537
相信很多人都运用 过&lt;input type="file"/&gt; 这样的HTML控件，它看起来非常普通，是我们在做Web运用 程序中用于上传客户端本地文件时不可缺少的控件，然而最近我发觉 这个控件在最新的FireFox阅读 器（或者最新的IE8中也会存在这个疑问 ，我没有尝试过，读者可以试一下）中却失去了效果，导致我们在通过这个控件的value属性得到的值中只包含了文件名而没有...
IE,FF获取文件绝对路径方法
咫尺天涯
03-25 250
参考资料 1 解决Firefox3,IE7,IE8上传图片预览 [url]http://bobit.iteye.com/blog/431014[/url] 2 Firefox7来了，你的上传图片及时预览功能还能Hold住吗？ [url]http://archive.cnblogs.com/a/2208869/[/url] 3 JavaScript 图片上传预览效果 [url]http:...
获得文件绝对路径的小技巧
伟大是熬出来的
08-13 2181
今天在本地引入jQuery的时候遇到一些问题，路径名写对了，但是不能正确的显示，查了发现前面少了file，那么 到底如何正确的获取一个文件的路径的呢，你只需将一个你想要获取的文件用浏览器打开就好了，如下，将文件拖拽到浏览器中 这样你可以复制它的地址正确快速的获取它的绝对路径 很简单的小知识，希望可以帮到大家，提出意见取其精华，去其糟粕，共同进步。谢谢！
外部访问本机绝对路径获取文件
weixin_49076273的博客
08-16 544
下载NGINX 可以使用nginx实现,nginx下载地址：http://nginx.org/en/download.html 更改nginx中的conf/nginx.conf文件 在文件的最后一个花括号上面添加如下配置 最后用localhost/加后缀就能让外部设备访问到本机绝对路径了 同时nginx能支持的高并发数能达到3W，而tomcat只有150-250 nginx还能做反向代理，保护服务器的ip地址 ...
解决vue3前端获取文件的绝对路径问题
最新发布
Stars_in_rain的博客
08-15 7141
项目已经使用electron进行了打包，所以是可以通过electron方式运行的，现在需要的就是vue的代码中引入electron，进行打开文件管理器，实现文件路径获取。这时候又出现 window.require is not a function .错误，这是因为工程是在本地浏览器运行的，识别不了electron中的api,只要保证在electron应用程序下运行就不会报错。(3)、electron5.x的node集成环境默认是关闭的，这之前的版本是默认开启的。在需要通信的文件中进行调用。
显示firefox插件文件绝对路径的方法
我的笔记
03-28 953
修改配置显示绝对路径,默认是不显示的;查看插件列表,即可到对应的文件删除就行.另外注意就是,禁用的插件在这里是没有显示的,需要先启用,再刷新这个列表才能看见为了方便,可以把这二个地址加入到书签中,下回直接点击即可点击删除后,接着重启浏览器,好像就看不到了.但是肯定其它地方应该有参数啥的没清理干净
ie浏览器上传文件时自带文件本地路径处理办法
Shuang_gege的博客
05-30 3642
在一次项目中上传文件时突然发现，IE浏览器上传文件时总是会带着本地路径一起被上传，谷歌就不会出现问题，经过对比排查后，发现还是浏览器自身解读文件时的不同造成的，因此，解决问题的办法就来了： 方法一：既然是浏览器解读文件时出的问题，就在浏览器身上找办法——打开IE浏览器internet选项，然后点击安全选择自定义级别，找到【文件上载到服务器时包含本地目录路径】，直接禁用就行了。如图： 方法二：作为一名合格的程序猿同志，我们都喜欢从根本上解决问题，既然是上传文件名的时候不需要其他附带的...
Firefox兼容性问题
大头客的专栏
02-22 1134
1、firefox不支持innerText，outerText，outerHTML 解决思路：a）用innerHTML替换innerText     b）为Firefox扩展innerText属性，详细参考：Firefox 不支持 DOM 对象的 outerHTML、innerText、outerText 属性（http://www.w3help.org/zh-cn/causes/SD9017
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值