如何从后台下载图片并在img标签中显示？

// 后台接口示例（假设使用Node.js和Express框架）
app.get('/downloadImage', (req, res) => {
  const imageUrl = req.query.imageUrl; // 假设前端传递图片URL作为参数
  // 根据imageUrl下载图片，这里使用了axios库
  axios.get(imageUrl, { responseType: 'arraybuffer' })
    .then(response => {
      const imageBuffer = Buffer.from(response.data, 'binary');
      res.setHeader('Content-Type', 'image/jpeg');
      res.send(imageBuffer);
    })
    .catch(error => {
      console.error(error);
      res.status(500).send('Failed to download image');
    });
});

// 前端代码示例
fetch('/downloadImage?imageUrl=https://example.com/image.jpg')
  .then(response => response.blob())
  .then(blob => {
    const imageUrl = URL.createObjectURL(blob);
    const img = document.createElement('img');
    img.src = imageUrl;
    document.body.appendChild(img);
  })
  .catch(error => {
    console.error(error);
  });