首页 > 文章 > web前端 > nodejs基于express实现文件上传的方法

nodejs基于express实现文件上传的方法

亚连原创: 2018-05-25 17:29:412249浏览

这篇文章主要介绍了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中文网其他相关文章！

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：基于webpack.config.js 参数详解下一篇：JavaScript生成指定范围的时间列表

查看更多