Javascript 将node.js中的所有图像文件发送到前端

Javascript 将node.js中的所有图像文件发送到前端,javascript,node.js,reactjs,express,Javascript,Node.js,Reactjs,Express,如何将所有图像文件从后端nodejs服务器文件夹发送到Reactjs客户端?我创建了一个网站,每个用户都可以登录并上传他们的文件。因此,每当用户登录时,我都希望他/她上传的所有文件在网站上可见。 res.sendFile没有帮助。我发现它不会一次发送多个文件。 到目前为止,它只发送一个在客户端可见的文件(控制台日志显示所有文件) Nodejs: function getFiles (dir, files_){ files_ = files_ || []; var file

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

Nodejs:

    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服务器请求图像链接。我不知道这是否是个好主意

您可以在服务器上动态生成一个存档文件(如zip)以下载所有图像,例如,使用生成一个包含所有图像的zip文件


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

一次不能发送多个文件,如果要发送用户的所有图像,应发送一个json数组,其中包含用户的所有图像,在前端一个接一个地获取它们。

因此,基本上我将使用两个API,第一个用于获取文件名列表,另一个用于逐个获取这些图像?是的,准确地说:)如果用户上载了1000个文件,那么json文件名列表将包含所有1000个文件名。这不会让json变得太大吗?如果用户上传了1000个文件,你应该使用分页。所以基本上我将使用两个API,第一个用于获取文件名列表,另一个用于逐个获取这些图像。如果用户上传了1000个文件,那么json文件名列表将包含所有1000个文件名。这不会让json变得太大吗?