HTML5 用FileReader对象读取文件内容

FileReader对象可以用来读取File对象所包含的文件内容。暂时不明白以书上写的gbk编码方式读取纯文本为什么会乱码，这里只是先把书上gbk编码改成了utf-8。

FileReader.readAsText(File对象，编码方式) ，该方法用于读取文本。


html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>title>
  <script>
    window.onload = function () {
      var oFile = document.getElementById("file");
      oFile.onchange = function(){
        //获取第1个文件
        var file = oFile.files[0];
        //读取本地文件，以utf-8编码方式输出
        var reader = new FileReader();
        reader.readAsText(file, "utf-8");
        reader.onload = function(){
          console.log(this.result);
        };
      };
    }
  script>
head>
<body>
  <input id="file" type="file" />
body>
html>

相关阅读:
你评论，我赠书~【TFS-CLUB社区第8期赠书活动】〖Python从入门到精通（微课精编版）〗等你来拿
Python常见错误-Tab 和空格混用（TabError）和语法错误（SyntaxError）
SpringBoot使用LogAspect的切面日志
【精讲】mustache表达式写法、vue常用指令、v-bind多种绑定事件、技能提升
P1433 吃奶酪——dfs+状态压缩剪枝
前端面试题JavaScript篇——2022-09-16
【面试题】Vue 基础之Vuex（五）
如何面试网络安全NISP面试官通常会问什么（四）NISP管理中心
Apollo 应用与源码分析：CyberRT-recorder
docker 增加cpu线程数

原文地址：https://blog.csdn.net/qq_33514421/article/details/126336989