Javascriptでxlsxファイルをインポートしているときに、Javascriptイベントを手動で強制実行するにはどうすればよいですか？

Question

下記のコードスニペットを使用して、javascriptでxlsxファイルをインポートしています。このコードは正常に動作しており、xlsxをインポートできます。追加の変更addEventListenerとして、私が（選択）を選択するたびに、ファイルイベントがトリガーされ、ファイルをインポートしています。

<input type="file" name="xlfile" id="xlf" /> 
<br /> 
<input type="button" id="import" value="Import" /> 
//some other javascript code 


    var xlf = document.getElementById('xlf'); 
    function handleFile(e) { 
    var files = e.target.files; 
    var f = files[0]; 
    { 
    var reader = new FileReader(); 
    var name = f.name; 
    reader.onload = function(e) { 
    var data = e.target.result; 
    var wb; 
    wb = X.read(data, {type: 'binary'}); 
    process_wb(wb); 
    }; 
    if(rABS) reader.readAsBinaryString(f); 
    else reader.readAsArrayBuffer(f); 
} 

}

if(xlf.addEventListener) xlf.addEventListener('change', handleFile, false); 

しかし、私は、私は、私はこの場合

var import= document.getElementById('import'); 
if(import.addEventListener) import.addEventListener('click', handleFile, false); 

と上記の行を置き換えている輸入button.ForをクリックしたときにファイルをインポートしたいですhandleFile（e）メソッドの中で入力ファイルを取得できません。

Answer 1

変数名 'import'は予約語です。変数名を変更してみてください。

Answer 2

xlf変数から選択したファイルにアクセスできます。

var xlf = document.getElementById('xlf'); 
function handleFile(e) { 
    var files = xlf.files; 
    var f = files[0]; 
    var reader = new FileReader(); 
    var name = f.name; 
    reader.onload = function(e) { 
    var data = e.target.result; 
    var wb; 
    wb = X.read(data, {type: 'binary'}); 
    process_wb(wb); 
    }; 
    if(rABS) 
    reader.readAsBinaryString(f); 
    else 
    reader.readAsArrayBuffer(f); 
} 

「インポート」変数の名前も変更してください。インポートは予約語で、モジュールのロードに使用されます（ES2015に新機能が追加されました）。

var importButton = document.getElementById('import'); 
if (importButton.addEventListener) 
    importButton.addEventListener('click', handleFile, false);