Buefy：如何获取使用<；上传的文件的二进制内容；b-上传>；？

问题

当我将

组件添加到页面时，它看起来很棒，我能够向其中添加文件，并且能够获得文件的名称。但是如何获取文件内容

我尝试过的

提及

文件

对象。当我 检查运行代码中的那些对象，我只看到文件元数据， 比如文件大小和名称。我没有看到任何二进制文件数据

我发现这看起来很有希望，但它带来了一个错误 当我尝试上载文件时：

未能对“FileReader”执行“readAsText”：参数1不是“Blob”类型

以下是该代码笔中的HTML：

<div id="app" class="container">
  <b-field class="file">
    <b-upload v-model="files">
      <a class="button is-primary">
        <b-icon icon="upload"></b-icon>
        <span>Click to upload</span>
      </a>
    </b-upload>
    <span class="file-name" v-if="files && files.length">
      {{ files[0].name }}
    </span>
  </b-field>
</div>

在我上面引用的中找到错误

这一行：

reader.readAsText(o[0]);

应该是这样的：

reader.readAsText(o);

文件数据将在变量

e.target.result

中，与上面的原始代码一样

reader.readAsText(o);