首页 > 编程语言 > 详细

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

时间:2016-08-31 13:35:12      阅读:184      评论:0      收藏:0      [点我收藏+]

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浏览器运行结果

技术分享

 

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

原文:http://www.cnblogs.com/langzou/p/5825335.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!