javascript - 将所有图像文件从 node.js 发送到前端

Question

如何将后端 nodejs 服务器文件夹中的所有图像文件发送到 Reactjs 客户端？我创建了一个网络上传站点，每个用户都可以在其中登录并上传他们的文件。因此，每当用户登录时，我希望他/她上传的所有文件都在网站上可见。
res.sendFile 没有帮助。我发现它不会一次发送多个文件。到目前为止，它只发送 1 个在客户端可见的文件(控制台日志显示所有文件)。

Node :

    function getFiles (dir, files_){
    files_ = files_ || [];
    var files = fs.readdirSync(dir);
    for (var i in files){
        var name = dir + '/' + files[i];
        if (fs.statSync(name).isDirectory()){
            getFiles(name, files_);
        } else {
            files_.push(name);
        }
    }
    return files_;
    }

  app.get('/loadit', verifyToken, (req, res) => {
  var loadFiles = getFiles(__dirname + /data/);
   jwt.verify(req.token, 'secretkey', (err, decoded) => {
    if(err) {
      res.sendStatus(403);
    } else {
        loadFiles.map((data1) => { 
          console.log(data1);
          return res.sendFile(data1)
      })
    }
  })
});

做同样的任务有什么不同的方法吗？我还考虑过将所有图像链接作为 json 列表发送到前端 (reactjs)，然后从我的 nodejs 服务器请求图像链接。我不知道那是不是个好主意。

Answer 1

您可以在服务器上即时生成存档文件(如 zip)以下载所有图像，例如与 https://github.com/archiverjs/node-zip-stream制作包含所有图像的 zip 文件。

如果要显示所有图像，请添加一个 API 以获取文件名列表，并添加另一个 API 以获取特定图像文件。