首页 > 代码库 > javascript 学习笔记 -- js获取本地文件信息
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浏览器运行结果
javascript 学习笔记 -- js获取本地文件信息
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。