首页 > 解决方案 > 使用 v-model="file" 时如何获取文件内容

问题描述

我是 Vue 和 NodeJS 的新手。

我有一个带有文件的表单,单击提交后,我想获取文件内容然后尝试更改它。

我尝试了 FileReader,但似乎无法返回。

任何想法?谢谢

<b-row align-v="center">
        <b-col cols="10"> <b-form-file v-model="file" class="my-3"></b-form-file></b-col>
        <b-col cols="2"> <b-btn block variant="primary floating-btn" squared @click="createUserInBatch">Submit</b-btn></b-col>
      </b-row>
import csv2Json from "../../utils/csv2Json"
async createUserInBatch() {
      let usersList = await csv2Json(this.file);

csv2Json.js

export default async function(csvFile) {
  var reader = new FileReader();
  reader.readAsText(csvFile);
  reader.onload = function (){
    reader.result;
  }

  const text = await csvFile.text();

  var lines = text.split("\r\n");
}

标签: node.jsvue.js

解决方案


推荐阅读