javascript - 在所有浏览器中确定 javascript 中所选文件的类型

Question

在一个<input type="file" >元素中，我正在选择一个扩展名为 .srt 的文件并使用 javascript 确定文件的类型。我试过这个

var file=document.getElementById('fselect').files[0];
success = file.type =='application/x-subrip'? true : false;
console.log('selected a  file of type='+file.type);
console.log('selected a subtitle file='+success);

但是，我只在chrome 18.0.1025.168

selected a  file of type= application/x-subrip
selected a subtitle file= true

但是在firefox 12安装了萤火虫之后，我得到了

selected a  file of type= 
selected a subtitle file= false

我对此感到困惑..我怎样才能始终如一地确定两种浏览器中的文件类型？

Answer 1

您可以使用 HTML5 的文件 API。目前每个现代浏览器都支持它，包括 IE 9。

http://www.html5rocks.com/en/tutorials/file/dndfiles/

function handleFileSelect(evt) {
    var files = evt.target.files;                  // file list
    for (var i = 0, f; f = files[i]; i++) {
        if(f.type){
            console.log(f.type); 
        }else{
            var match = f.name.match(/^.+(\.[^\.]+)$/);
            if(match) {
                console.log(match[1]);
            }else{
                console.log('no MIME type nor extension');
            } 
        }
    }
}

document
    .getElementById('files')
    .addEventListener('change', handleFileSelect, false);

　

<input type="file" id="files">

现场演示：http: //jsfiddle.net/DerekL/f2WmJ/

它在浏览器中应该是相同的，因为它是一个标准。

Answer 2

<input type="file" onChange="showExcelData(this)">

function showExcelData(event)
{
    var file=event.value;
    file=file.substr(file.lastIndexOf("/")+1,file.length);
    file=file.substr(file.lastIndexOf(".")+1,file.length);
    console.log(file);

    /* You Can Return the Data or Anything You Want to Do */
}