node-webkit的fs读取文件和目录的小例子

node-webkit的fs使用

本人是node-webkit一个初学者,有问题欢迎大家多多交流。

放上package.json内容,非常简单,没有多做处理。有兴趣的朋友可以自己去网上找找相关例子。

{
  "name": "nw-demo",
  "main": "main.html",
  "window": {
    "toolbar": true,
    "width": 800,
    "height": 600
  }
}

 接下来放html的代码。

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>如何在node-webkit中使用fs</title>
<style type="text/css">
#div1 {float:left; width:150px; height:500px; margin:10px;}
#div2 {float:left; width:500px; height:500px; margin:10px;}
#dir {width:150px;height:500px;}
#content {width:500px;height:500px;}
</style>
</head>
<body>
	<div id="div1"><ul id="files"></ul></div>
	<div id="div2"><textarea id="content"></textarea></div>
</body>
<script type="text/javascript">
//引入文件系统模块
var fs = require('fs');

//读取文件,存放在文本域中
var text = fs.readFileSync('package.json');
document.getElementById('content').value = text;

//读取目录,将html文件显示出来
var filenames;
fs.readdir(".", function (err, filenames) {   //“.”代表当前路径下的文件内容
    var i;  
    for (i = 0; i < filenames.length; i++) {  //循环获取的文件
		if(filenames[i].substring(filenames[i].lastIndexOf("."))==".html"){
			document.getElementById("files").innerHTML += "<li onClick=\"openFile(\'"+filenames[i]+"\');\">"+filenames[i]+"</li>";
		}
    }  
}); 

//打开文件
function openFile(i){
	var text = fs.readFileSync(i);
	document.getElementById('content').value = text;
}
</script>
</html>

 

 

你可能感兴趣的:(node-webkit的fs读取文件和目录的小例子)