前端頁面結(jié)構(gòu)

<form method="post" action="http://localhost:8080/uploadReport" enctype="multipart/form-data">
       <input type="file" name="filename"/> //
       <input type="submit" value="提交"/>
   </form>

TIM截圖20180613154019.png

node 服務(wù)端

需用到connect-multiparty 模塊

npm install connect-multiparty --save

完整代碼：

var express = require('express');
var router = express.Router();
var multipart = require('connect-multiparty');
var multipartMiddleware = multipart();
router.route('/uploadReport').post(multipartMiddleware,function(req, res) {
   try{
     console.log('/uploadReport',req.files);
      let originalFilename = req.files.filename.originalFilename;//
      let extName = "";
      //判斷文件是否具有擴展名
      if(originalFilename.lastIndexOf(".") != -1){
         extName = originalFilename.slice(originalFilename.lastIndexOf("."));//獲取文件擴展名
      }
      let fileName =Math.round(Math.random()*10000) + extName；//文件重命名
      var source = fs.createReadStream(req.files.filename.path);//讀取臨時文件流
      var output = path.join(__dirname,"../public/",fileName);//

      var dest = fs.createWriteStream(output);
      source.pipe(dest);
      source.on('end', function() {
  
         fs.unlinkSync(req.files.filename.path);
         res.send("HTTP_SUCCESS:");
      }); 
      source.on('error', function(err) {
      console.log('文件復(fù)制出錯',err)
      });
   }catch(e){
      console.log('uploadReport',e)
   }
})

控制臺打印一下req.files：

{ 
           filename:
           { 
                fieldName: 'filename', // 文件名
                originalFilename: 'f739f32795f756ba4f1739fffd61a372.jpg',//原始文件名
                path:
                   'C:\\Users\\dell\\AppData\\Local\\Temp\\mOqRkZgc8gpjDpXDe6Xn_x8Q.jpg',
                headers:
                    { 
                        'content-disposition':'form-data; name="filename"; filename="f739f32795f756ba4f1739fffd61a372.jpg"',
                        'content-type': 'image/jpeg'
                    },
                size: 20562,//文件大小
                name: 'f739f32795f756ba4f1739fffd61a372.jpg',
                type: 'image/jpeg' //文件類型
           } 
       }