node.js connect 实现文件上传

最新推荐文章于 2024-04-12 16:09:21 发布

dellheng

最新推荐文章于 2024-04-12 16:09:21 发布

阅读量3.1k

点赞数

分类专栏： node.js 文章标签： node.js function input image upload action

本文链接：https://blog.csdn.net/dellheng/article/details/7179747

版权

node.js 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

上次博客node.js+android(使用HttpURLConnection和HttpClient)实现文件上传，使用的是formidable，上篇博客介绍了node.js connect 安装、介绍与实例，那就用connect写一个上传的例子。

主程序代码如下，保存为bodyParser.js，放在敲安装命令的目录下：

var connect = require('connect');

var app = connect()
  .use(connect.static(__dirname + '/public'))
  .use(connect.bodyParser({uploadDir:__dirname +'/file',keepExtensions:true}))
  .use(connect.logger())
  .use(function(req, res, next){
    if ('GET' != req.method) return next();
    res.statusCode = 302;
    res.setHeader('Location', 'form.html');
    res.end();
  })
  .use(function(req, res){
    res.setHeader('Content-Type', 'text/html');
    res.write('<p>thanks ' + req.body.name + '</p>');
    res.write('<ul>');
	console.log(req.body);
	console.log(req.files);

    if (Array.isArray(req.files.images)) {
      req.files.images.forEach(function(image){
        var kb = image.size / 1024 | 0;
        res.write('<li>uploaded ' + image.name + ' ' + kb + 'kb</li>');
      });
    } else {
      var image = req.files.images;
      var kb = image.size / 1024 | 0;
      res.write('<li>uploaded ' + image.name + ' ' + kb + 'kb</li>');
    }

    res.end('</ul>');
  });

app.listen(8080);
console.log('Server started on port 8080');

静态文件form.html代码如下，放在 bodyParser.js同级的public文件夹下：

<html>
	<body>
		<form action="/" method="post" enctype="multipart/form-data">
		  <input type="text" name="name" placeholder="Name:" />
		  <input type="file" name="images" multiple="multiple" />
		  <input type="submit" value="Upload" />
		</form>
	</body>
</html>

代码比较简单，可以查看官方提供的API http://senchalabs.github.com/connect/middleware-bodyParser.html，官方提供的例子 https://github.com/senchalabs/connect/blob/1.8.4/examples/bodyParser.js

效果同 node.js+android(使用HttpURLConnection和HttpClient)实现文件上传，需要的话查看这篇博文。