论坛首页 Web前端技术论坛

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

浏览 3742 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2010-01-13  

相信很多人都运用 过<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" onchange="readFile(this)" />  
     </form>  
 </body>  
 </html>

  IE中那个方法我给删掉了。在IE中直接获取就行了。希望能帮助大家。

论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics