Js/Jquery获取input file的文件名

html代码:

    <input type="file" name="file" id="file" class="input_text80"></input>

 

js:

方法一：字符串截取

var file = $("#file").val();

var fileName = getFileName(file);

  

function getFileName(o){

    var pos=o.lastIndexOf("\\");

    return o.substring(pos+1);  

}

  

方法二：正则表达式

var file = $("#file").val();

var strFileName=file.replace(/^.+?\\([^\\]+?)(\.[^\.\\]*?)?$/gi,"$1");  //正则表达式获取文件名，不带后缀

var FileExt=file.replace(/.+\./,"");   //正则表达式获取后缀

 

 

 

//带文件后缀名

//获取文件名称   function getFileName(path) {       

var pos1 = path.lastIndexOf('/'); 

      var pos2 = path.lastIndexOf('\\');       

var pos = Math.max(pos1, pos2);      

 if (pos < 0) {           return path;       } 

      else {           return path.substring(pos + 1);       }   }    

  $(document).ready(function () {  

    $('#file').change(function () {        

   var str = $(this).val();         

  var fileName = getFileName(str);          

 var fileExt = str.substring(str.lastIndexOf('.') + 1);            

alert(fileName + "\r\n" + fileExt);      

 });  

});