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

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>
    评论

报告相同问题？

  • 纯JS实现图片验证码功能并兼容IE6-8(推荐)
    2020-11-28 03:57
    不过后面接到说要兼容IE8，想想也是醉了。万恶的IE，不过也还好，也没有想着在去找插件，准备自己搞一搞，顺便拿来学习一下并加强自己的知识。下面看我是如何搞定它的，虽然花了一点时间，不过也值得。 使用方法 　...
  • 兼容ie滚动条前端代码|兼容ie滚动条.rar
    2020-09-30 11:56
    兼容ie滚动条前端代码，兼容ie滚动条js代码。兼容ie滚动条前端代码，兼容ie滚动条js代码。兼容ie滚动条前端代码，兼容ie滚动条js代码。兼容ie滚动条前端代码，兼容ie滚动条js代码。兼容ie滚动条前端代码，兼容ie滚动...
  • 兼容IE浏览器的前端RSA加密js
    2019-03-01 13:55
    用于兼容IE浏览器使用RSA加密的工具类，直接引入，并且使用new ecrypt()即可使用，官网的js会倒是IE浏览器报错SCRIPT1010错误，原因为逗号(,)关键字(default,delete)等。
  • 纯javascript前端实现base64图片下载(兼容IE10+)
    2021-01-19 17:32
    背景 在项目开发过程中，经常会有图片导出的需求，...所以IE下需要单独处理，这里IE在处理这种文件的时候给提供了一个单独的方法：window.navigator.msSaveOrOpenBlob(blob, download_filename)调用这个方法可以直接触
  • web前端学习笔记-本地图片、文件上传并预览（兼容ie8）
    2020-11-04 18:06
    栗栗子~的博客 文件上传通常会涉及到FileReader对象，主流的chrome FireFox edge 都支持FileReader对象,ie浏览器中ie10以下不支持FileReader对象，ie10以下文件上传的解决办法是用flash 一、FileReader对象实现文件上传并预览...
  • bootstrap3 兼容IE8浏览器！
    2020-11-25 19:22
    标题提到的"bootstrap3 兼容IE8浏览器！"是一个关键问题，因为Bootstrap 3虽然设计为高度适应现代浏览器，但对老版本的Internet Explorer（尤其是IE8）的支持是有限的。以下是关于Bootstrap 3在IE8中实现兼容性的...
  • 兼容IE8插件（兼容h5+css3新特性）
    2019-03-04 16:08
    这是一个对IE8及以下做前端兼容的文件工具包，使用时可参考如下实例在文件里引入即可 <!--对于ie6到ie8做兼容，兼容h5，css3等新特性--> <!--[if (gte IE 6)&(lte IE 8)]> [removed][removed] [removed]...
  • swiper@4.5.1兼容ie
    2023-07-04 10:17
    在"低版本swiper兼容ie"这个文件包中，可能包含以下内容： - `swiper.min.js`：经过压缩和优化的Swiper核心库，包含了兼容IE的代码。 - `swiper.css`：Swiper的基础样式文件，可能包含了针对IE的特定样式修复。 - `...
  • 浏览器兼容 谷歌IE8.js，IE9.js下载
    2016-01-29 16:29
    `IE8.js`着重于解决IE8中的兼容性问题，这个版本的IE对很多现代JavaScript特性支持不足，如函数对象的`addEventListener`和`removeEventListener`方法，以及对JSON的支持。`IE8.js`会模拟这些特性，使开发者能够使用...
  • geras:兼容IE6的前端框架
    2021-06-18 15:10
    兼容IE6的前端框架 Demeter 注意：文档正在编写中，尚未完成 轻量级的、兼容IE6/7/8、响应式CSS集合 特性 响应设计的栅格系统 基于typo.css的样式重设、中文友好的排版样式 支持<a> 和 <button>标签的按钮样式...
  • 没有解决我的问题, 去提问

问题事件

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