ユーザーから提供されたいくつかの csv ファイルを読み取る必要があります。ファイルは、次のようにファイルのドロップを処理するドラッグ アンド ドロップ div を使用してページ/スクリプトに渡されます。
function handleFileDrop(evt) {
evt.stopPropagation();
evt.preventDefault();
var files = evt.dataTransfer.files; // FileList object.
...
}
各ファイルを配列に変換する csv ライブラリを使用して解析する必要がありますが、現在解析しているファイル名も追跡する必要があります。各ファイルを解析するために使用するコードは次のとおりです。
for(var x = 0; x < files.length; x++){
var currFile = files[x];
var fileName = currFile.name;
var reader = new FileReader();
reader.onload = (function(theFile){
return function(e){
var csvArr = CSV.csvToArray( e.target.result, ";", true );
console.log(csvArr);
};
})(currFile);
reader.readAsText(currFile);
}
これまで、すべてがうまく機能します。私が必要とするのは、ファイル名もreader.onload
イベントに渡すことです。
reader.onload = (function(theFile){
return function(e){
***** I need to have fileName value HERE *****
};
})(currFile);
可能です?これどうやってするの?よろしくお願いします。