jquery在不同浏览器获取文件路径出现问题!

<input type="file" name="file" id="file1" src=""/>

<input type="button" id="btn" value="上传" />

 

然后jquery如下:

$(function(){
$("#btn").click(function(){
   alert( $('#file1').val() );
  })
})

想要获得上传文件的路径,用IE打开可以成功显示,但用chrome打开时显示C:\fakepath\文件名

只好改写代码,将不同浏览器分别判断:

$(function(){
$("#btn").click(function(){
if($.browser.msie){
   alert("IE"+$.browser.version);
   alert( $('#file1').val() );
 }
if($.browser.webkit){
    var filename = $('#file1').val().replace(/C:\\fakepath\\/i, '');    

   //或者var filename = $('#file1').val().split('\\').pop();

    alert("chrome"+$.browser.version);

    alert(filename);
  }
})
})

在chrome下实现了将C:\fakepath\去掉 但只能显示出文件名 不能显示完整的绝对路径

搜了很多文章 还是没有好的解决办法 希望会的朋友能指点一下 谢啦!

 

posted on 2014-01-18 12:56  郭晨  阅读(1138)  评论(0编辑  收藏  举报

导航