×

用JS如何去读取本地文件?

作者:andy0012020.04.28来源:Web前端之家浏览:22064评论:0

用JS如何去读取本地文件?其实很简单的,了解下吧。我们利用XMLHttpRequest对本地文件进行读取操作,值得注意的是,HTML文档的格式要与流中的读取格式设置一致, 代码如下:

function load(name) {
    let xhr = new XMLHttpRequest(),
        okStatus = document.location.protocol === "file:" ? 0 : 200;
    xhr.open('GET', name, false);
    xhr.overrideMimeType("text/html;charset=utf-8");//默认为utf-8
    xhr.send(null);
    return xhr.status === okStatus ? xhr.responseText : null;
}
 
let text = load("test.txt");
console.log(text);

test.txt文件内容如下,注意,在编写这个文档的时候用记事本要选utf-8编码:

你好,世界!
你好,JavaScript!

温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/jsbendi8239840238048.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

  • jing35

    不可变数据类型...

  • aboy

    不错的flexbox教程,收藏。...

  • 访客

    热帖...

  • Web前端之家

    谢谢提醒,已经修正。...

  • 访客

    这是什么阴间背景色,不想人看清楚?...

  • chrns1

    不错,收藏!...

  • chrns1

    试了下,还不错,感觉要抢谷歌浏览器的份额了。...

  • aa123

    继续学习array...

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2020 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.6.6 Valyria