:

    

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

 });  

});