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

最新推荐文章于 2023-05-21 16:19:10 发布

fishnobone

最新推荐文章于 2023-05-21 16:19:10 发布

阅读量107

点赞数

分类专栏： node-webkit 文章标签： node-webkit

本文链接：https://blog.csdn.net/fishnobone/article/details/84519746

版权

node-webkit 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

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>