Как я могу сделать, чтобы прочитать файл?

Question

Здравствуйте, я пытаюсь прочитать файл, используя jquery:

Вот мой код:

var fileInput = $('#datafile');
readFile = function () {var reader = new FileReader();
reader.onload = function () {
console.log(reader.result);
};
// start reading the file. When it is done, calls the onload event defined above.
reader.readAsBinaryString(fileInput.files[0]);
};

fileInput.on('change', readFile);

Но я ничего не получил в консоли ...

Не могли бы вы помочь мне, пожалуйста?

Answer 1

Но я ничего не получил в консоли ...

Когда я запускаю этот код (и изменяю значение ввода), я получаю:

Uncaught TypeError: Невозможно прочитать свойство '0' из неопределенного

fileInput является jQuery объектом . Это не объект ввода файла. У него нет свойства files (поэтому files равно undefined, и у него не может быть свойства 0).

Вам необходимо иметь дело с входным объектом:

fileInput[0].files[0]

Answer 2

Локальное чтение файла и данные консоли

$('#fileInput').on('change', function () {
    var fileReader = new FileReader();
    fileReader.onload = function () {
      var data = fileReader.result;  //file data in Base64 format
      console.log(data);
    };
    fileReader.readAsDataURL($('#fileInput').prop('files')[0]);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<div id="div">

</div>

<input id="fileInput" type="file" />