从 ExpressJs 发送文件到 React

Question

我知道我们可以使用 multer 来处理多部分表单数据，并将它们存储在服务器和 mongoDb 中。 在这里我正在注册一个用户，我将图像作为字符串保存到 mongoDb ，但真正的图像在 /public/img/ 所以，

  const body = req.body;
  const name = body.name;
  const surname = body.surname;
  const email = body.email;
  const password = body.password;
  const image = req.file.filename;
  User.findOne({ email })
    .then((isSuccess) => {
      if (isSuccess) {
        res.json("User exists!");
      }
    })
    .catch((err) => console.log(err));
  const user = new User({
    name,
    surname,
    email,
    password,
    image,
  });
  user
    .save()
    .catch((err) => {
      console.log(err);
      res.json("Something went wrong!");
    })
    .catch((err) => console.log(err));
};

现在我想发送请求的用户； 如何从 /public/img 访问图像 bcz user.image 是字符串。 我应该单独发送图像吗？

exports.getUserById = async (req, res) => {
  User.findById(req._id).then((user) => {
    if (user) {
      
    }
  });
};

Answer 1

从带有文件名的存储位置读取图像文件并将其作为 data:image/png;base64 字符串作为同一响应的一部分发送，以便可以直接在 img src 属性中使用，