纯前端JS读取与解析本地文本内容

<el-upload
                class="avatar-uploader"
                action="fake"
                :show-file-list="false"
                :http-request="handleUploadFile"
                :on-success="handleUploadSuccess"
              >
                <el-icon class="avatar-uploader-icon"><Plus /></el-icon>
</el-upload>
              
              
              
              
              
              

// 上传文件
handleUploadFile: ({ file }) => { 
// [console]().log(file, 'file0000000')
var reader = new FileReader()
reader.onload = (event) => { 
// event.target.result就是文件文本内容
// 然后你就可以为所欲为了
// 例如如果是[JSON]()数据可以解析
// 如果是HTML数据，可以直接插入到页面中
// 甚至字幕文件，各种滤镜，自定义文件格式，都可以玩弄于鼓掌之间…… 
console.log(event.target.result, 'event.target.result000') 
} 
},

   原文:  https://www.zhangxinxu.com/wordpress/2018/03/js-parse-text-file/