小编Nir*_*mir的帖子

如何在Vue中通过readfile从JSON文件中获取数据?

我无法读取 JSON 文件内容,我尝试通过 ReadFile 访问文件内容,但没有成功,内容字符串为空,并且 url 未定义,

我的代码:

<template>
 <div class="large-12 medium-12 small-12 cell">
   <input type="file" accept="application/JSON" @change="onFileChange" class="inputFile" />
 </div>
</template>

<script>
import Vue from "vue";

export default {
 data() {
   return {};
 },
 methods: {
   onFileChange(e) {
     let files = e.target.files || e.dataTransfer.files;
     if (!files.length) return;
     this.readFile(files[0]);
   },
   readFile(file) {
     let reader = new FileReader();
     reader.onload = e => {
       this.readContentFile = e.target.result;
       console.log(this.readFile);
     };
     let url = reader.readAsDataURL(file);
     let content =reader.result;
     console.log(url);
     console.log(content);
   }
 }
};
</script>
Run Code Online (Sandbox Code Playgroud)

javascript json readfile vue.js

2
推荐指数
1
解决办法
4327
查看次数

标签 统计

javascript ×1

json ×1

readfile ×1

vue.js ×1