Js/Jquery获取input file的文件名

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

方法一：字符串截取

ar file = $("#file").val();
var fileName = getFileName(file);
  
function getFileName(o){
    var pos=o.lastIndexOf("\\");
    return o.substring(pos+1);  
}

方法二：正则表达式

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

//带文件后缀名  获取文件名称

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

 });  

});