如何使用jQuery獲取用戶選擇文件的類型？

Question

如何使用jQuery和例如alert它獲得的文件類型的用戶選擇（在某些<input type="file" name="datafile">）？至少它的延伸，但像image這樣的分組類型將是篦。有沒有任何jQuery插件？

Answer 1

$('input[type=file]').change(function(e){ 
    var file = $(this).val(); 
    var ext = file.split('.').pop(); 
    alert(ext); 
}); 

試試這個:)

Answer 2

只需提供一個id爲您輸入並使用該

document.getElementById(ID).files[0].type 

Answer 3

試試這個讓你的文件擴展名。

var fileName = "Ram.png"; 
alert(fileName.substring(fileName.lastIndexOf('.') + 1)); 

Answer 4

你爲什麼不使用這樣的事情：

$('input:file').change(function() { 
    var ext = this.value.split('.').pop(); 
    console.log(ext); 
}); 

，如果你想使用一個 「多」 字段，你可以使用這樣的事情：

$('input:file').change(function() { 
    var $this = $(this); 
    if ($this.prop('multiple')) { 
     for (var i=0; i<this.files.length; i++) { 
      var ext = this.files[i].fileName.split('.').pop(); 
      // this.files[i].extension = ext; // usefull for future use 
      console.log(ext); 
     } 
    } 
    else {   
     console.log(this.value.split('.').pop()); 
    } 
});