Прочитать текстовый файл с помощью кнопки vuetify-upload

Question

Мне нужно прочитать загруженный текстовый файл в VueJS App с Vuetify.Я обнаружил, что элемент входного файла отсутствует, поэтому я использую пакет vuetify-upload-button.

Тем не менее, кажется, что нет возможности прочитать его.

Возможно ли прочитать файл с помощью тега vuetify upload-btn?

HTML

<upload-btn
 title="Choose File"
  block
  color="green"
  @file-update="updateFile"
  ></upload-btn>

JS

updateFile(x) {
  const reader = new FileReader();
  const file = e.target.files[0];
  reader.onload = e => console.log(e.target.result);
  reader.readAsText(file);
}

Answer 1

Пакет, который вы используете, возвращает e.target.files, если несколько, или e.target.files[0], если они единичные.У вас нет доступа к событию через этот пакет.

Так что в вашем случае - для единственного числа, весь ваш метод может быть:

updateFile(file) {
  const reader = new FileReader()

  reader.onload = e => console.log(e.target.result)    

  reader.readAsText(file)
}