multer保存文件，nidejs angular

Question

我想在nodejs上保存映像，我正在通过帖子发送文件，如这样：

...
flag: File;

flaginput(event){
 this.flag = event.target.files[0];
}

submit(){
 this.http.post('localhost...', this.flag).subscribe( x => {
  console.log(x.response)});

在nodejs中，

const multer = require('multer');

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

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

module.exports = (app) =>{

app.post("/equipos", upload.single(), (req, res, next) => {
    console.log(req.file)

    base.query('SELECT * FROM names', (error, result) =>{
        if(error){
            res.json({mensaje: "error", datos: error});
        }else{
            res.json({mensaje: "equipo creado"});
        }
    })
})

但我不确定如何保存文件或为什么不保存文件，在控制台上，它似乎是任何东西错误，当我尝试使用console.log（req.file）时，在nodejs上，

我想将文件保存在文件夹中./imagenes上。

我还尝试将其发送为json {flag：this.flag}，也尝试以FormData将其发送到uploadle（single（）到upload.single（'flag'），但不起作用，

请感谢您的帮助。

Answer 1

Multer与FormData合作。

您的Multer Diskstorage配置似乎还可以，但是您应该使用FormData。

---

客户端请求

upload(img: File) {
  const formData: FormData = new FormData();
  formData.append("img", img);
  return this.httpClient.post('http://localhost:3000/equipos', formData);
}

服务器端

app.post('/equipos', upload.single('img'), async (req, res) => {
    return res.status(200)
        .json('Image saved')
})