图片“未定义”与Multer

Question

我试图使用Multer上传图片，这是我

const storage = multer.diskStorage({
    destination: function (req, file, cb) {
        cb(null, './uploads/')
    },
    filename: function (req, file, cb) {
        cb(null, `${file.originalname}`)
    }
})


const upload = multer({storage: storage});

app.post('/upload', upload.single("pic"), function (req, res) {
    console.log(req.file)
    res.send('File uploaded!')
})

的帖子方法中的服务器端，我的req.file不确定，

这是我的客户端，

<form action="/upload" method="post">
                    <input type="file" id="files" style="visibility: hidden;" name = "pic" accept="image/*">
                    <br>
                    <label for="files" id="files" class = "lbl">Select file</label>
                    <br>
                    <br>
                    <input type="submit" value="Upload" name="submit" id = "submit">
                </form>

如果有人可以发送解决方案，那将是很棒的。 感谢您。

Answer 1

我发现multer（）。单（...）填充req.file仅当内容类型为multepart/form> code> suptrart/form-data：

<form action="/upload" method="post" enctype="multipart/form-data">