入力ファイルのみ.xlsファイル

Question

私はhtmlとjavaスクリプトに取り組んでいます。私は今、私が選択したファイルのみ.xlsファイルも..andそのXLSファイルを読むことをしたい私は、入力ファイルのみ.xlsファイル

<input type='file' id ="browse" name ="browse"/> 

なければならないことを望むものとファイルタイプの入力を持っています。 Javaスクリプトでそれを行う方法...そして、誰かがJavaScriptコードを私に説明することができれば、もっと感謝します。

Answer 1

ファイルを選択した後にファイルの拡張子を確認します。それは.xlsされていない場合、それは、警告、エラーがスローされます。

document.getElementById("browse").onchange = function() { 
    var fileName = this.value; 
    var fileExtension = fileName.substr(fileName.length - 4); 

    console.log(fileExtension); 
    if (fileExtension != ".xls") { 
     alert("That ain't no .xls file!"); 
    } 
} 

デモ：http://jsfiddle.net/sn5sY/

Answer 2

それは標準的なHTML Limit file format when using <input type="file">?

の4

可能な重複があるHTML 5でaccept属性があるが、それは保証されませんだとはできません。 さらに詳しい情報は、HTML 5の仕様を参照してください。http://www.w3.org/html/wg/drafts/html/master/forms.html#attr-input-accept

Answer 3

このコード

<input type='file' id ="browse" name ="browse"/> 

    var file = document.getElementById('browse'); 

    file.onchange = function(e){ 
     var ext = this.value.match(/\.([^\.]+)$/)[1]; 
     switch(ext) 
     { 
      case 'xls': 
       alert('allowed'); 
       break; 
      default: 
       alert('not allowed'); 
       this.value=''; 
     } 
}; 

そしてDEMO