js读取.txt文件内容方法总结

js读取.txt文件内容方法总结

1.业务需求：

• 最近vue项目需要通过读取.txt文件内容获取相关信息并渲染。

2.解决方案：

• 这里用到了XMLHttpRequest，方法如下（注意.txt文件路径）：

•  getFile() {    
           let xhr = new XMLHttpRequest(),
           xhr.open('GET', '../../../file.txt', false);// 文件路径
           xhr.overrideMimeType("text/html;charset=utf-8");// 默认为utf-8
           xhr.send(null);
       	// 获取文件信息(得到的数据是String)
           console.log(xhr.responseText);
       },