nodejs+express實作檔案上傳案例詳解

這次帶給大家nodejs express實作檔案上傳案例詳解，nodejs express實作檔案上傳的注意事項有哪些，以下就是實戰案例，一起來看一下。

前段時間在做個人專案的時候，用到了nodejs服務端上傳文件，現在回頭把這個小結一下，當作記錄。

本人上傳檔案時是基於express的multiparty ，當然也可以使用connect-multiparty中間件實現，但官方似乎不推薦使用connect-multiparty中間件。廢話不多說，下面看程式碼吧。

步驟：

（1）使用express建立專案，預設使用的是jade範本引擎，但還是習慣於html,所以就改為html模板。
（2）在專案目錄中，透過npm install multiparty進行安裝必要元件。
（3）修改views/index.html，新增一個檔案上傳的form。

index.html

nbsp;html>


  <meta>
  <title>上传文件</title>


  上传文件
  

            

（4）修改routes/index.js，實作上傳頁面和上傳回應的後台程式碼。

var express = require('express');
var router = express.Router();
var multiparty = require('multiparty');
var util = require('util');
var fs = require('fs');
/* 上传页面. */
router.get('/', function(req, res, next) {
 //res.render('./views/index');
 res.sendfile('./views/index.html');
});
/* 上传 */
router.post('/file/uploading', function(req, res, next) {
  /* 生成multiparty对象，并配置上传目标路径 */
  var form = new multiparty.Form();
  /* 设置编辑 */
  form.encoding = 'utf-8';
  //设置文件存储路劲
  form.uploadDir = './public/files';
  //设置文件大小限制
  form.maxFilesSize = 2 * 1024 * 1024;
  // form.maxFields = 1000;  //设置所有文件的大小总和
  //上传后处理
  form.parse(req, function(err, fields, files) {
    var filesTemp = JSON.stringify(files, null, 2);
    if(err) {
      console.log('parse error:' + err);
    }else {
      console.log('parse files:' + filesTemp);
      var inputFile = files.inputFile[0];
      var uploadedPath = inputFile.path;
      var dstPath = './public/files' + inputFile.originalFilename;
      //重命名为真实文件名
      fs.rename(uploadedPath, dstPath, function(err) {
        if(err) {
          console.log('rename error:' + err);
        }else {
          console.log('rename ok');
        }
      })
    }
    res.writeHead(200, {'content-type': 'text/plain;charset=utf-8'});
    res.write('received upload:\n\n');
    res.end(util.inspect({fields: fields, files: filesTemp}))
  })
})
module.exports = router;

我相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦讀取：

webpack打包壓縮js與css教學說明

#react-native封裝外掛程式swiper使用步驟詳解

#給nodejs裡密碼加密有哪幾種方式

#

以上是nodejs+express實作檔案上傳案例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！