多个保存文件，nodejs angular

Question

我想在 nodejs 上保存图像，我通过 post 发送文件，angular 像这样：

...
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"});
        }
    })
})

但我不确定如何保存文件或为什么它没有保存，在控制台上它似乎没有任何错误，在 nodejs 上当我尝试 console.log(req.file) 是未定义

我想把文件保存在文件夹./imagenes.

我也尝试将其作为 json {flag: this.flag} 发送，并尝试以将 upload.single() 更改为 [=29] 的形式数据发送=]('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')
})

多个保存文件，nodejs angular

multer save file, nidejs angular

node.js

multer

angular