Подтвердить что ты не робот

Передача параметра в событие загрузки файла FileReader

Мне нужно прочитать некоторые файлы csv, заданные пользователем. Файлы передаются на страницу / script с помощью div и drop 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); 

Возможно? Как я могу это сделать? Заранее благодарим за любую помощь, с наилучшими пожеланиями.

4b9b3361

Ответ 1

Попробуйте следующее:

var reader = new FileReader();
reader.onload = (function(theFile){
    var fileName = theFile.name;
    return function(e){
        console.log(fileName);
        console.log(e.target.result);
    };
})(currFile);   
reader.readAsText(currFile);

Здесь вы создаете новую переменную fileName каждый раз, когда файл передается внешнему методу. Затем вы создаете функцию, которая имеет доступ к этой переменной (из-за закрытия) и возвращает ее.