el-upload上传json文件后,直接FileReader读取本地json文件,并赋值给变量

306 阅读1分钟

在 handleSuccess 方法中,你可以使用 FileReader 对象来读取上传的文件内容。这是一个示例:


handleSuccess(res, file, fileList, type) {

  console.log('handleSuccess', res, file, fileList, type)

  if (res.id) {

    this.$message.success('success')

    // 读取文件内容

    let reader = new FileReader()

    reader.onload = (e) => {

      this.modelDate = e.target.result

    }

    reader.readAsText(file.raw)

  } else {

    this.$message.error('fail_tip')

  }

}

这段代码会在上传成功后,读取文件内容并将其赋值给 modelDate。注意,FileReader.readAsText() 方法用于读取文本文件,如果你的 JSON 文件是二进制格式,你可能需要使用其他方法如 readAsArrayBuffer() 或 readAsDataURL()。