獲取input file的檔名

genie

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

複製代碼

方法一：字串擷取

1. var file = $("#file").val();
   
2. var fileName = getFileName(file);
   
3.   
   
4. function getFileName(o){
   
5.     var pos=o.lastIndexOf("\");
   
6.     return o.substring(pos+1);  
   
7. }

複製代碼

方法二：正則表示式

1. var file = $("#file").val();
   
2. var strFileName=file.replace(/^.+?\\([^\\]+?)(\.[^\.\\]*?)?$/gi,"$1");  //正則表示式獲取檔名，不帶字尾
   
3. var FileExt=file.replace(/.+\./,"");   //正則表示式獲取字尾

複製代碼

//帶檔案字尾名  獲取檔名稱

1. var pos1 = path.lastIndexOf('/');
   
2. var pos2 = path.lastIndexOf('\\');      
   
3. var pos = Math.max(pos1, pos2);      
   
4. if (pos < 0) {return path;}
   
5. else {return path.substring(pos + 1);}   
   
6. 
   
7. $(document).ready(function () {  
   
8.         $('#file').change(function () {
   
9.                 var str = $(this).val();         
   
10.                 var fileName = getFileName(str);         
    
11.                 var fileExt = str.substring(str.lastIndexOf('.') + 1);            
    
12.                 alert(fileName + "\r\n" + fileExt);      
    
13.         });  
    
14. });

複製代碼