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

从后台下载图片并在img标签中显示，可以通过以下步骤实现：

后台下载图片：后台需要提供一个接口，接收前端传递的图片URL或者图片ID作为参数。后台根据参数获取图片，并将图片以流的形式返回给前端。
前端调用后台接口：前端可以使用Ajax、Fetch或者其他网络请求库来调用后台接口。传递图片URL或者图片ID作为参数，并设置请求的响应类型为"blob"，以便接收图片的二进制数据。
前端处理响应数据：当接收到后台返回的响应数据时，前端可以通过创建一个Blob对象来保存图片的二进制数据。然后，可以使用URL.createObjectURL()方法生成一个临时的URL，将Blob对象赋值给img标签的src属性，即可在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);
  });

这样，后台会根据传递的图片URL下载图片，并将图片以流的形式返回给前端。前端接收到响应后，将图片数据转换为Blob对象，并通过URL.createObjectURL()方法生成一个临时的URL，将该URL赋值给img标签的src属性，即可在img标签中显示图片。

请注意，以上示例中的代码仅供参考，实际应用中可能需要根据具体情况进行适当的修改和调整。