张大同AA 2022-03-07 11:39 采纳率: 60%
浏览 48

JS中 如何读取本地文件，并能兼容IE8

有没有简单一点的方案，因为要读取上传的TXT文件，并且还要对读取的文件内容进行判断。

  • 写回答

2条回答 默认 最新

  • _雪菜肉丝面_ 2022-03-07 12:36
    关注
    
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
</head>
<body>
<div>
    上传文件 ： <input type="file" name="file" id="fileId"/>

    <button type="submit" name="btn" id="btnId" onclick="check()">提交</button>
    提交
</div>

<script>

    function check() {

        var objFile = document.getElementById("fileId");
        if (objFile.value === "") {
            alert("不能空")
        }

        console.log(objFile.files[0].size); // 文件字节数

        var files = $('#fileId').prop('files');//获取到文件列表
        if (files.length === 0) {
            alert('请选择文件');
        } else {
            var reader = new FileReader();//新建一个FileReader
            reader.readAsText(files[0], "UTF-8");//读取文件
            reader.onload = function (evt) { //读取完文件之后会回来这里
                var fileString = evt.target.result; // 读取文件内容
                console.log(fileString)
            }
        }

    }
</script>

</body>
</html>
    评论

报告相同问题？

问题事件

  • 请详细说明问题背景 3月7日
  • 创建了问题 3月7日

悬赏问题

  • ¥20 机器学习能否像多层线性模型一样处理嵌套数据
  • ¥20 西门子S7-Graph,S7-300，梯形图
  • ¥50 用易语言http 访问不了网页
  • ¥50 safari浏览器fetch提交数据后数据丢失问题
  • ¥15 matlab不知道怎么改，求解答！！
  • ¥15 永磁直线电机的电流环pi调不出来
  • ¥15 用stata实现聚类的代码
  • ¥15 请问paddlehub能支持移动端开发吗？在Android studio上该如何部署？
  • ¥20 docker里部署springboot项目，访问不到扬声器
  • ¥15 netty整合springboot之后自动重连失效