浏览器通过input上传读取JSON文件内容

<template>
 <div class="jsonInput">
   <input type="file"  @change="onFileChange">
 </div>
</template>

<script>
export default {
 name: 'jsonInput',
 methods: {
   onFileChange(e) {
     const file = e.target.files[0]
     var reader=new FileReader();
     reader.readAsText(file,"utf8");//gbk编码
     reader.onload=function () {
       console.log(this.result);// 文本内容
     };
   }
 }
};
</script>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容