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图片列表，然后将其全部发送给用户界面，用于显示带有名称的图像。

我在做什么错了？

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发送图像列表作为响应

1 个答案: