如何在节点快递中向客户端发送多个图像对象？

Question

我是角度方面的新手。我有一组图像，我想在加载页面时将其显示在客户端浏览器上。

有没有可能？

我现在可以发送单个文件，但不能发送多个文件，但我被卡住了，谁能帮帮我。

感谢您的帮助

router.get('/getList', function(req, res, next) {
  var fileNames = [];

  fileNames = readDir.readSync('/NodeWorkspace/uploads/output/', ['**.png']);

  var data = {};

  fileNames.forEach(function(filename) {
    filepath = path.join(__dirname, '../../uploads/output') + '/' + filename;

    fs.readFile(path.join(__dirname, '../../uploads/output') + '/' + filename, function(err, content) {
      if (!err) {
        console.log(content);
      }
    });
  });

  //res.sendFile(path.join(__dirname,'../../uploads/output/', fileNames[0]));

  response.data = fileNames;
  res.json(response);
});

Answer 1

将 fs 回调转换为 promise 并在完成发送响应后读取所有并行。

const fs = require('fs');
const db = require('../db');
const readFile = util.promisify(fs.readFile);

router.get('/getList', function (req, res, next) {
    var fileNames = [];

    fileNames = readDir.readSync('/NodeWorkspace/uploads/output/', ['**.png']);  // use async function instead of sync
    var data = {};
    const files = fileNames.map(function (filename) {
        filepath = path.join(__dirname, '../../uploads/output') + '/' + filename;
       return readFile(filepath); //updated here
    });

    Promise.all(files).then(fileNames => {
        response.data = fileNames;
        res.json(response);
    }).catch(error => {
        res.status(400).json(response);
    });
});