https://www.cnblogs.com/bruce-gou/p/6082132.html

    1. <!DOCTYPE html>
    2. <html lang="en">
    4. <head>
    5.   <meta charset="UTF-8">
    6.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
    7.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
    8.   <title>node读取所有图片设置背景图</title>
    9.   <style>
    10.     html,
    11.     body {
    12.       height: 100%
    13.     }
    15.     body {
    16.       margin: 0;
    17.       background: url('./blue-bg.png') no-repeat center;
    18.       background-size: cover;
    19.     }
    20.   </style>
    21. </head>
    23. <body>
    25. </body>
    27. <script>
    28.   var fs = require("fs");
    29.   // 引用imageinfo模块
    30.   var image = require("imageinfo");
    32.   function readFileList(path, filesList) {
    33.     var files = fs.readdirSync(path);
    34.     files.forEach(function (itm, index) {
    35.       var stat = fs.statSync(path + itm);
    36.       if (stat.isDirectory()) {
    37.         //递归读取文件
    38.         readFileList(path + itm + "/", filesList)
    39.       } else {
    40.         var obj = {};//定义一个对象存放文件的路径和名字
    41.         obj.path = path;//路径
    42.         obj.filename = itm//名字
    43.         filesList.push(obj);
    44.       }
    45.     })
    46.   }
    48.   // 自己改进的
    49.   function readSubFileList(path, filesList) {
    50.     var files = fs.readdirSync(path);
    51.     files.forEach(function (itm, index) {
    52.       var stat = fs.statSync(path + itm);
    54.       if (stat.isDirectory()) {
    55.         //递归读取文件
    57.         var obj = {};
    58.         obj.path = itm;
    59.         obj.filename = [];
    60.         filesList.push(obj);
    61.         readSubFileList(path + itm + "/", obj.filename)
    62.       } else {
    63.         // 不是文件夹就存进obj.filename | filesList
    64.         filesList.push(itm) //名字
    65.       }
    66.     })
    68.   }
    70.   var getFiles = {
    71.     //获取文件夹下的所有文件
    72.     getFileList: function (path) {
    73.       var filesList = [];
    74.       readFileList(path, filesList);
    75.       return filesList;
    76.     },
    77.     getSubFileList: function (path) {
    78.       var filesList = [];
    79.       readSubFileList(path, filesList);
    80.       return filesList;
    81.     },
    82.     //获取文件夹下的所有图片
    83.     getImageFiles: function (path) {
    84.       var imageList = [];
    86.       this.getFileList(path).forEach((item) => {
    87.         var ms = image(fs.readFileSync(item.path + item.filename));
    89.         ms.mimeType && (imageList.push(item.filename))
    90.       });
    91.       return imageList;
    92.     },
    93.     //获取文件夹下所有非图片的文件 2018年8月18日 19:15:13更新
    94.     getTxtList: function (path) {
    95.       return this.getFileList(path).filter((item) => {
    96.         var ms = image(fs.readFileSync(item.path + item.filename));
    97.         return !ms.mimeType
    98.       });
    99.     }
    100.   }
    101. </script>
    102. </html>

    blue-bg.7z