首頁 > web前端 > js教程 > nodejs基於express實作檔案上傳的方法

nodejs基於express實作檔案上傳的方法

亚连
發布: 2018-05-25 17:29:41
原創
2291 人瀏覽過

這篇文章主要介紹了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

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>上传文件</title>
</head>
<body>
  上传文件
  <form method=&#39;post&#39;, action=&#39;/file/uploading&#39;, enctype=&#39;multipart/form-data&#39;>
    <input type="file" name="inputFile">
    <input type="submit" value="上传">
  </form>
</body>
</html>
登入後複製

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

var express = require(&#39;express&#39;);
var router = express.Router();
var multiparty = require(&#39;multiparty&#39;);
var util = require(&#39;util&#39;);
var fs = require(&#39;fs&#39;);
/* 上传页面. */
router.get(&#39;/&#39;, function(req, res, next) {
 //res.render(&#39;./views/index&#39;);
 res.sendfile(&#39;./views/index.html&#39;);
});
/* 上传 */
router.post(&#39;/file/uploading&#39;, function(req, res, next) {
  /* 生成multiparty对象,并配置上传目标路径 */
  var form = new multiparty.Form();
  /* 设置编辑 */
  form.encoding = &#39;utf-8&#39;;
  //设置文件存储路劲
  form.uploadDir = &#39;./public/files&#39;;
  //设置文件大小限制
  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(&#39;parse error:&#39; + err);
    }else {
      console.log(&#39;parse files:&#39; + filesTemp);
      var inputFile = files.inputFile[0];
      var uploadedPath = inputFile.path;
      var dstPath = &#39;./public/files&#39; + inputFile.originalFilename;
      //重命名为真实文件名
      fs.rename(uploadedPath, dstPath, function(err) {
        if(err) {
          console.log(&#39;rename error:&#39; + err);
        }else {
          console.log(&#39;rename ok&#39;);
        }
      })
    }
    res.writeHead(200, {&#39;content-type&#39;: &#39;text/plain;charset=utf-8&#39;});
    res.write(&#39;received upload:\n\n&#39;);
    res.end(util.inspect({fields: fields, files: filesTemp}))
  })
})
module.exports = router;
登入後複製

上面是我整理給大家的,希望今後會對大家有幫助。

相關文章:

AngularJS tab欄實作與mvc小案例(圖文教學)

React ajax java實現上傳圖片並預覽功能(圖文教學)

ajax的使用方法_例題、ajax的資料處理

以上是nodejs基於express實作檔案上傳的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板