Angular中使用WebAPINode上传文件时出错（使用Multer上传图像）
- 安装multer：在终端中运行以下命令：
npm install --save multer
- 在Node.js中设置Multer：
const multer = require('multer');
const storage = multer.diskStorage({ destination: (req, file, cb) => { cb(null, 'uploads/') }, filename: (req, file, cb) => { cb(null, file.originalname) } });
const upload = multer({storage: storage});
- 在Node.js中使用Multer：
const express = require('express'); const app = express();
app.post('/api/upload', upload.single('file'), (req, res) => { if (!req.file) { console.log("No file is available!"); return res.send({ success: false }); } else { console.log('File is available!'); return res.send({ success: true }) } });
- 在Angular中使用HttpClient和FormData对象上传文件：
onSubmit() { const formData = new FormData(); formData.append('file', this.selectedFile, this.selectedFile.name); this.http.post('/api/upload', formData).subscribe( res => { console.log(res); alert('SUCCESS !!'); }, err => { console.log(err); alert('ERROR !!'); } ); }
- 在HTML中添加文件上传表单：