快捷導(dǎo)航

nodejs基于express實(shí)現(xiàn)文件上傳的方法

更新時(shí)間：2018年03月19日 14:45:31 作者：星曦

這篇文章主要介紹了nodejs基于express實(shí)現(xiàn)文件上傳的方法,結(jié)合實(shí)例形式分析了nodejs基于express框架實(shí)現(xiàn)文件上傳功能的具體步驟與相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了nodejs基于express實(shí)現(xiàn)文件上傳的方法。分享給大家供大家參考，具體如下：

前段時(shí)間在做個(gè)人項(xiàng)目的時(shí)候，用到了nodejs服務(wù)端上傳文件，現(xiàn)在回頭把這個(gè)小結(jié)一下，作為記錄。

本人上傳文件時(shí)是基于express的multiparty ，當(dāng)然也可以使用connect-multiparty中間件實(shí)現(xiàn)，但官方似乎不推薦使用connect-multiparty中間件。廢話不多說，下面看代碼吧。

步驟：

（1）使用express創(chuàng)建項(xiàng)目，默認(rèn)使用的是jade模板引擎，但是還是習(xí)慣于html,所以就改為html模板。
（2）在項(xiàng)目目錄中，通過npm install multiparty進(jìn)行安裝必要組件。
（3）修改views/index.html，添加一個(gè)文件上傳的form。

index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>上傳文件</title>
</head>
<body>
  上傳文件
  <form method='post', action='/file/uploading', enctype='multipart/form-data'>
    <input type="file" name="inputFile">
    <input type="submit" value="上傳">
  </form>
</body>
</html>

（4）修改routes/index.js，實(shí)現(xiàn)上傳頁面和上傳響應(yīng)的后臺(tái)代碼。

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對(duì)象，并配置上傳目標(biāo)路徑 */
  var form = new multiparty.Form();
  /* 設(shè)置編輯 */
  form.encoding = 'utf-8';
  //設(shè)置文件存儲(chǔ)路勁
  form.uploadDir = './public/files';
  //設(shè)置文件大小限制
  form.maxFilesSize = 2 * 1024 * 1024;
  // form.maxFields = 1000;  //設(shè)置所有文件的大小總和
  //上傳后處理
  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;
      //重命名為真實(shí)文件名
      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;

希望本文所述對(duì)大家nodejs程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: