Попробуйте загрузить изображение, но req.file не определен из моего сообщения

Question

Мой код очень прост и почти соответствует учебнику по Multer git, но мой req.file все еще не определен:

Вот мой HTML-код для загрузки изображения:

<form action="/product/upload_image" enctype="multipart/form-data" method="POST"> 

  <input id="product_image" type="file" name="product_image" accept=".png,.jpg,.jpeg"/>      

   <input type="submit" value="Upload image"/>
</form>

Моймаршруты:

var multer = require("multer")
var upload = multer({ dest: "uploads/" })

router.post("/product/upload_image", upload.single("product_image"), function(req, res) {
 console.log(req.file)
}

И он возвращает неопределенное

Answer 1

Server.js

const express = require('express');
const app = express()
const path = require('path')
const indexRouter = require('./index.js')
app.use('/', indexRouter)
const PORT = 5000;
app.listen(PORT, () => console.log('it started on 5000'))

index.js

const express = require('express');
const router = express.Router()
var multer = require("multer")
var upload = multer({ dest: "uploads/" })

router.get('/', (req, res) =>
res.sendFile('upload.html', {root: __dirname })
)

router.post("/product/upload_image", upload.single("product_image"), (req, res)=>
 console.log(req.file)
) 
module.exports = router

upload.html

<form action="/product/upload_image" enctype="multipart/form-data" method="POST"> 

    <input id="product_image" type="file" name="product_image" accept=".png,.jpg,.jpeg"/>      

     <input type="submit" value="Upload image"/>
  </form>

Я попробовал ваш код. Работает нормально. Пожалуйста, попробуйте это.