本地利用FileReader打开文件

第一步,在html上加一个按钮,用来打开文件

<input type="file" id="loadFile" />

第二步,通过事件监听,用来执行相应的打开文件方法

function readSingleFile(e) {
  var file = e.target.files[0];
  //如果文件不存在,就直接返回
  if (!file) {
    return;
  }
  var reader = new FileReader();
  reader.onload = function(e) {
  	//得到相应的打开文件内容
    var contents = e.target.result;
  };
  reader.readAsText(file);
}
document.getElementById('loadFile').addEventListener('change', readSingleFile, false);

这样就OK啦
在这里插入图片描述

发布了54 篇原创文章 · 获赞 41 · 访问量 11万+

猜你喜欢

转载自blog.csdn.net/weixin_42966484/article/details/103979721