如何將圖像從 html 傳輸到 nodejs 以將其與 ejs 一起使用？

Question

我正在嘗試使用 nodejs 和 expressjs 創建一個新網站。 基本上我有一個頁面（/ home），其中有一個帶有輸入文件的表單。 我已經創建了代碼來顯示加載后的圖像預覽......我想做的基本上是將圖像的“鏈接”傳輸到nodejs，然后我將把這個“鏈接”插入到EJS端的img標簽的src。 有人能幫我嗎？ 謝謝

Answer 1

如果您使用的是 express，您可以將此屬性添加到表單標簽enctype="multipart/form-data" 。 然后您的圖像將從前端發送。 要在服務器中接收圖像，您需要配置一個名為 express-fileupload 的中間件

var fileupload = require("express-fileupload");

然后您可以通過app.use(fileupload()); 在你的 app.js 文件中

在您的路線文件中

router.post('/something', async (req, res) => {
let image=req.files.fieldName
}))

為了在此處保存圖像，我將圖像存儲在服務器本身中，但不建議這樣做。 您想通過連接重命名圖像。 例如 mongo 文檔插入的 id

image.mv('./public/images/foldername/' + id + '.jpg', (err) => {
  if (err) {
console.log(err)
  } else {
    res.redirect('/)
  }
})

提交表單后，一旦完成，您就可以在服務器 /public/images/foldername 中看到上傳的圖像。

要在 ejs 中查看，您基本上可以遍歷 mongo id 或我之前提到的一些連接