javascript 学习笔记 -- js获取本地文件信息

JavaScript是跑在浏览器中,所以对于JavaScript读取本地文件不想c++ 和 java那样easy。网上有很多关于读取本地文件的方法,许多是用ActiveXObject控件。ActiveXObject是微软特有的,只能在IE内核的浏览器中运行,所以也不是一个好方法。

这里,介绍一种用Xml读取本地文件的方法。

第一步:

Ngnix 服务器配置

下载ngnix(http://nginx.org/en/download.html), 解压缩之后,打开nginx\conf\nginx.conf文件。配置root目录为你的HTML脚本目录。我的目录是F:\webgl

启动ngnix,(直接ngnix / ngnix –s reload)

         listen       80;
server_name localhost; #charset koi8-r; #access_log logs/host.access.log main; location / {
root F:\webgl;
index index.html index.htm;
}

第二步:

HTML代码

 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body> <script !src=""> function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (xhttp.readyState == 4 && xhttp.status == 200) {
for (var x in xhttp.responseText) {
console.log(xhttp.responseText[x]);
}
}
};
xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();
} loadDoc(); </script> </body>
</html>

运行结果:

文本内容

javascript 学习笔记 -- js获取本地文件信息

chorme浏览器运行结果

javascript 学习笔记 -- js获取本地文件信息

上一篇:python全栈开发day40-浮动的四大特性,浮动带来的问题和解决问题,文本属性、字体属性和颜色介绍


下一篇:IOS百度地图之--->第一篇《环境配置与基本使用》