技術標籤：Node.jsnodejs上傳檔案multiparty圖片上傳

首先肯定需要先下載依賴包

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>
 

個人部落格