Node.js 使用formidable上传文件及接受POST数据

原创 2016年06月01日 19:39:01

formidable

官方文档


安装

$ npm install formidable

使用

var formidable=require("formidable");
var form=formidable.IncomingForm();

API

form的属性及方法

  • encoding 设置字符集 默认UTF-8
  • uploadDir 默认文件上传缓存位置 默认为OS_TEMP位置
  • type 选择接受是multipart还是urlencoded的Content-Type请求头 默认全部
  • maxFieldSize 限制文件大小 默认 2mb 单位 字节
  • maxDields 限制header Format长度 默认为1000 为0则不限制
  • multiples 一次上传多个文件 默认为false 需要在input标签设置HTML5属性 multiple
  • hash
  • bytesReceived 目前接收到的字节数。
  • bytesExpected 预定总大小 字节
  • parse(req,[cb])

    • req 是HttpIncomingMeassage对象
    • cb 为callback函数 function(err,field,files)
      • err 错误
      • field 对象 是http请求Format的键值对即application/x-www-urlencoded内容
      • files 接收到的文件对象(当接受多个文件时为一个数组)
        • files.size 文件大小 单位是字节
        • files.path 缓存的目录及名字
        • files.name 上传时候的文件名
        • files.type 文件后缀类型 image/gif之类
        • files.mtime 最后修改时间

    事件

    form.on('event',function(){})

    • progress
      • .on(‘progress’,function(bytesReceived,bytesExpected){})
    • field
      • .on(‘field’,function(name,value){})
    • fileBegin
      • .on(‘fileBegin’,function(name,value){})
    • file
      • .on(‘file’,function(name,file){})
    • error
      • .on(‘error’function(err){})
    • aborted
      • .on(‘aborted’,function(){})
    • end
      • .on(‘end’,function(){})

    DEMO

    客户端

    demo.html

    <form action="post" enctype="multipart/form-data" method="post">
    <input type="file" name="file" multiple="multiple">
    <input type="text" name="zhang">
    <input type="submit">
    </form>

    服务端

    app.js

    var http = require("http");
    var express = require("express");
    var app = express(); 
    app.use(express.static('public',{"index":"demo.html"}));
    var formidable = require("formidable");
    app.post('/public/post', function(req, res) {
    var form = new formidable.IncomingForm();
    form.encoding = "utf-8";
    form.uploadDir = __dirname + '/tmp';
    form.multiples = true;
    form.parse(req, function(err, field, files) {
        files.field = field;
        res.json(files);
        console.log(files);
    })
    })  

    运行

    $ node app.js
    添加字段和要上传的文件即可获得返回的json数据同时控制台输出json数据

    源码

    Node.js 使用formidable上传文件及接受POST数据


版权声明:本文为博主原创文章,未经博主允许不得转载。

Node.js 上传文件formidable时使用fs.renameSync报错

使用formidable上传文件并显示时,碰到fs.renameSync报错,在网络上找到两种方法...

nodejs文件上传处理模块formidable

本文转自http://blog.csdn.net/xggis/article/details/19970165 通过jQuery fileupload插件和nodejs formidable插件实现文...

Express 4.x, socket.io, formidable文件的上传(进度条)、下载

What I Learned接触Node.js也有十来天了,算是学点新东西。The best way to learn something new is to use it. 学习新知识最好的方式莫过...

Formidable文件上传

这是一个使用formidable模块实现

nodejs express+ejs+formidable实现文件上传

一人行者 万人追随nodejs express+ejs+formidable实现文件上传刚才做例子的时候遇到不少的问题: 1.表单提交的时候enctype=”multipart/fo...

node.js实现图片上传,且不接受其他形式的文件

最近遇到nodeJS的图片上传需要,本想图方便直接百度(google都不屑于用),很快就能搞定,开始也一帆风顺,布置好前后端代码之后的确实现了图片上传。 然而当我手贱将一个.exe文件也上传的时候,...

node.js+android(使用HttpURLConnection和HttpClient)实现文件上传

上一篇node.js 第三方模块如何安装(使用npm)及介绍  了formidable的安装,这一篇结合android写一个文件上传的例子。 先上服务端node.js 的代码,保存为upload...

winform下通过webclient使用非流方式上传(post)数据和文件

这两天因为工作的需要,需要做一个winform上传数据到服务器端的程序。当时第一个想法是通过webservice的方式来实现,后来觉得麻烦,想偷懒就没有用这样的方式,http的post方式变成了第一选...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Node.js 使用formidable上传文件及接受POST数据
举报原因:
原因补充:

(最多只允许输入30个字)