Question

我需要使用Vuetify在VueJS App中读取上传的文本文件。我发现没有输入文件元素，因此我使用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)
}

使用vuetify-upload-button读取文本文件

1 个答案: