首先肯定需要先下載下傳依賴包
npm install multiparty -s
然後引入
const multiparty = require('multiparty');
router.post('/upload',(req,res)=>{
//注意:這裡必須事先定義靜态資源路徑,不懂得下方有聯系方式可以問我
let form = new multiparty.Form({
uploadDir:'./upload/'
});
//該子產品主要是對前端傳過來的file做一個formData的處理
form.parse(req,(err,fields,file) => {
if(err){
res.json({code:0,msg:`上傳失敗,失敗原因${err.message}`})
return false;
}
let imgUrl = file.file[0].path;//本地路徑
let msg = '上傳成功';
res.send({code:1,msg,imgUrl})
});
})
前端上傳
<!--必須聲明 multipart/form-data -->
<form action="http://localhost:8003/api/upload/test" method="post" enctype="multipart/form-data">
<input type="file" name="file" id="">
<input type="submit" value="上傳">
</form>
個人部落格👉:點此進入(http://xueshuai.top)
PHP學習交流群👉:PHP學習交流群
前端學習交流群👉:前端交流群
微信公衆号👉:叮當Ding