Я пытаюсь прочитать файл CSV или Excel, чтобы преобразовать его в таблицу.На данный момент я только что создал класс для чтения входного файла:
Входные данные:
<input type="file" class="form-control-file" id="file_upload">
На данный момент я просто создал класс для чтения входного файла:
class InputReader_tiqet{
constructor(input_id) {
this.inputId=input_id;
this.filetoLoad=document.getElementById("file_upload").files[0];
}
readFileData(){
this.filetoLoad = document.getElementById(this.inputId).files[0];
var fileReader = new FileReader();
fileReader.onload = function(fileLoadedEvent){
this.fileData = fileLoadedEvent.target.result;
};
fileReader.readAsText(this.fileToLoad, "UTF-8");
}
getData(){
return this.fileData;
}
}
Я запускаю его следующим образом:
inputReader_object= new InputReader_tiqet("file_upload");
$("#file_upload").on('change', function(){
inputReader_object.readFileData();
//clean input field
this.val("");
});
При изменении входного файла я получаю следующую ошибку:
Uncaught TypeError: Failed to execute 'readAsText' on 'FileReader': parameter 1 is not of type 'Blob'.