從 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 屬性中使用，