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);      

 });  

});