使用 Javascript 发送图像列表作为响应

Question

我正在制作一个 API 来获取图像名称列表，然后它必须从 S3 存储桶中一个一个地下载它们，然后将它们作为响应全部发送。

问题是我的图片正在上传，但似乎当我将它们作为 base64 放入列表中，然后尝试发送列表时，列表只是空的。

const getImagesById = async (req, res) => {
  const { id } = req.params;
  const imagesSet = new Map();

  try {
    const documentFromDB = await document.findOne({ id });

    documentFromDB.devices.forEach((device) => {
      const images = new Set();
      device.images.forEach(item => images.add(downloadFromS3(item)))
      imagesSet.set(device.name, JSON.stringify(mapToObj(images))) // tried adding just images also but neither works
    });
    res.status(200).json(JSON.stringify(mapToObj(imagesSet)));
  } catch (e) {
    console.log(`An error occurred : ${e.message}`);
    res.status(500)
      .send(e.message);
  }
};

function mapToObj(inputMap) {
  let obj = {};
  inputMap.forEach(function(value, key){
    obj[key] = value
  });
  return obj;
}

这就是我从 S3 获取图像的方式：

const downloadFromS3 = async (imageName) => {
  try {
    const image = await S3Utils.downloadFile(BUCKET_NAME, imageName);

    if (image.stack) {
      return null;
    }

    const imageBase64 = image.Body.toString('base64');
    return imageBase64;
  } catch (e) {
    console.log(`An error occurred while downloading : ${e.message}`);
    throw e;
  }
};

这是我目前收到的回复：

"{\"{ name: 'Martin'}\":\"{\\"[object Promise]\\":{}}\"}"

我想要做的是获取一些设备名称，将它们映射到 Map 作为键，值作为 base64 图像列表，然后将其全部发送到响应中到 UI 以显示带有名称的图像。

我做错了什么？

Answer 1

你只需要在调用downloadFromS3函数之前添加await，从而改变以上所有函数。

const getImagesById = async (req, res) => {
  const { id } = req.params;
  const imagesSet = new Map();

  try {
    const documentFromDB = await document.findOne({ id });

    await Promise.all(documentFromDB.devices.map(async (device) => {
      const images = new Set();
      await Promise.all(device.images.map(async item => images.add(await downloadFromS3(item))))
      imagesSet.set(device.name, JSON.stringify(mapToObj(images))) // tried adding just images also but neither works
    }));
    res.status(200).json(JSON.stringify(mapToObj(imagesSet)));
  } catch (e) {
    console.log(`An error occurred : ${e.message}`);
    res.status(500)
      .send(e.message);
  }
};

function mapToObj(inputMap) {
  let obj = {};
  inputMap.forEach(function(value, key){
    obj[key] = value
  });
  return obj;
}

使用 Javascript 发送图像列表作为响应

Sending list of images as response using Javascript

javascript

base64

image

response

node.js