关于firefox获取不到的file的完整的路径解决方案

最新推荐文章于 2021-06-24 10:08:26 发布

xyz2011

最新推荐文章于 2021-06-24 10:08:26 发布

阅读量523

点赞数

分类专栏： Html Css 文章标签： Firefox IE JavaScript HTML Security ViewUI

本文链接：https://blog.csdn.net/p_x1984/article/details/83528711

版权

Html Css 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

相信很多人都运用过<input type="file"/> 这样的HTML控件，它看起来非常普通，是我们在做Web运用程序中用于上传客户端本地文件时不可缺少的控件，然而最近我发觉这个控件在最新的FireFox阅读器（或者最新的IE8中也会存在这个疑问，我没有尝试过，读者可以试一下）中却失去了效果，导致我们在通过这个控件的value属性得到的值中只包含了文件名而没有文件路径，这个在IE7 中是可以正常获取到全文件名的（即文件完整路径+文件名）。在IE中我们可以直接通过request.getParamter("file");就 ok 了。可是在firefox 中不行，它认为这是不安全的。

下面的这一个html可以帮助我们解决在firefox中获取不到file的路径的问题：

<html>
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   　 <title>Untitled Page</title>
   　　<script type="text/javascript">
      function readFile(fileBrowser) {
   　　　 if (navigator.userAgent.indexOf("MSIE")!=-1) {
    　　　　　　　 readFileIE(fileBrowser);
   　　　 } else　if (navigator.userAgent.indexOf("Firefox")!=-1　|| navigator.userAgent.indexOf("Mozilla")!=-1)    {
　　　　　　 readFileFirefox(fileBrowser);
   　　　 } else {
　　　　　　　return;
    }
      }

     function readFileFirefox(fileBrowser) {
       try {    　　　　　　　
        netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
       } catch (e) {
        return; 　　　
       }
       var fileName=fileBrowser.value;
　　　alert(fileName);
    }
   </script>
   </head>
<body>
　　　 <form name="form1">
　　　 Browse to select a file
　　　 <input type="file" name="fileBrowser" size="125" οnchange="readFile(this)"　/>
　　　 </form>
</body>
</html>