1. 程式人生 > >Js/Jquery獲取input file的檔名

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

 });  

});