By 朱阳星

文章目录
  1. 1. 实现思路

使用html页面浏览文件夹里的所有图片

实现思路

使用node服务器读取某文件夹下面的所有图片文件的文件名(jpg,png,jpeg,gif等,暂时只想到了这几个)，遍历所有文件名拼接字符串，使用生成的字符串填充新生成的html文件即可。

第一步：获取文件夹下的所有文件名

1
2
3
4
var fs = require("fs");
var path = require("path");
var m = fs.readdirSync(__dirname);
console.log(m);//会打印文件夹下所有文件名及文件夹名称，m为数组

第二步：判断是不是图片,并拼接html字符串

1
m[i].indexOf(".jpg") > 0

第三步：把生成的字符串str填充到index.html文件中

1
2
3
fs.writeFile("index.html", str, function(e) {
  console.log("文件创建完成");
})

第四步：把文件夹名字作为html的title
查看path的api找到有一个parse方法：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
path.parse(__dirname).name
//测试结果如下(dirname的name属性即父文件夹的名字)
//F:\code\personal\openks>node test.js
dirname:
 { root: 'F:\\',
  dir: 'F:\\code\\personal',
  base: 'openks',
  ext: '',
  name: 'openks' }
filename:
 { root: 'F:\\',
  dir: 'F:\\code\\personal\\openks',
  base: 'test.js',
  ext: '.js',
  name: 'test' }

完整代码及使用方法详见这里

文章目录
  1. 1. 实现思路