文章目录
  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("文件创建完成");
})

第四步:把文件夹名字作为htmltitle
查看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. 实现思路