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） 

 1         listen       80;
 2         server_name  localhost;
 3 
 4         #charset koi8-r;
 5 
 6         #access_log  logs/host.access.log  main;
 7 
 8         location / {
 9             root   F:\webgl;
10             index  index.html index.htm;
11         }

第二步：

HTML代码

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 </head>
 7 <body>
 8 
 9 <script !src="">
10 
11     function loadDoc() {
12         var xhttp = new XMLHttpRequest();
13         xhttp.onreadystatechange = function() {
14             if (xhttp.readyState == 4 && xhttp.status == 200) {
15                 for (var x in xhttp.responseText) {
16                     console.log(xhttp.responseText[x]);
17                 }
18             }
19         };
20         xhttp.open("GET", "ajax_info.txt", true);
21         xhttp.send();
22     }
23 
24     loadDoc();
25 
26 </script>
27 
28 </body>
29 </html>

 

运行结果：

文本内容

chorme浏览器运行结果

 

posted @ 2016-08-31 11:49  caimagic  阅读(7378)  评论(0)  编辑  收藏  举报