码迷,mamicode.com
首页 > Web开发 > 详细

使用formidable & multiparty实现文件上传

时间:2016-04-07 01:09:42      阅读:717      评论:0      收藏:0      [点我收藏+]

标签:

安装

npm install formidable,multiparty –save -d

例子1:使用formidable解析表单

exports.formidableFormParse = function(req,callback){
var obj ={};
var form = new formidable.IncomingForm({
encoding:"utf-8",
uploadDir:"public/upload", //文件上传地址
keepExtensions:true //保留后缀
});
form.parse(req)
.on(‘field‘, function(name, value) { // 字段
obj[name] = value;
})
.on(‘file‘, function(name, file) { //文件
obj[name] = file;
})
.on(‘error‘, function(error) { //结束
callback(error);
})
.on(‘end‘, function() { //结束
callback(null,obj);
});
}
备注:multiparty使用这种方式,并不能得到如下结果,会报错,不知道是不是我哪里写的有问题。
返回值:

{
“name”: “wuwanyu”,
“age”: “23”,
“icon”: {
“size”: 8666,
“path”: “public\upload\upload_713dad980d7b7dce0847476820f8b1d4.jpg”,
“name”: “4eff22a5d3d8341d3bf472adbb151c18.jpg”,
“type”: “image/jpeg”,
“mtime”: “2016-04-06T13:18:15.508Z”
}
}

例子2:使用multiparty解析表单

exports.multipartyFormParse = function(req,callback){
var form = new multiparty.Form({
encoding:"utf-8",
uploadDir:"public/upload", //文件上传地址
keepExtensions:true //保留后缀
})

form.parse(req, function(err, fields, files) {
var obj ={};
Object.keys(fields).forEach(function(name) {
console.log(‘name:‘ + name+";filed:"+fields[name]);
obj[name] = fields[name];
});

Object.keys(files).forEach(function(name) {
console.log(‘name:‘ + name+";file:"+files[name]);
obj[name] = files[name];
});

callback(err,obj);
});
}
备注:formidable使用同样的方式解析字段,得到的数据依然是json格式的,不是数组格式的。
返回值(一个文件时):

{
“name”: [ “wuwanyu”],
“age”: [ “23”],
“icon”: [
{
“fieldName”: “icon”,
“originalFilename”: “4eff22a5d3d8341d3bf472adbb151c18.jpg”,
“path”: “public\upload\SKt_XEwcxnBD_4qc6qI-PBw9.jpg”,
“headers”: {
“content-disposition”: “form-data; name=\”icon\”; filename=\”4eff22a5d3d8341d3bf472adbb151c18.jpg\”“,
“content-type”: “image/jpeg” },
“size”: 8666
}
]
}

返回值(多个文件时 ):

{
“name”: [ “wuwanyu” ],
“age”: [ “23” ],
“icon”: [
{
“fieldName”: “icon”,
“originalFilename”: “3bd870116ff9708f5141aa8a374aeabf.jpg”,
“path”: “public\upload-MVUwGgwT9DbGCZh50yBGLHy.jpg”,
“headers”: {
“content-disposition”: “form-data; name=\”icon\”; filename=\”3bd870116ff9708f5141aa8a374aeabf.jpg\”“,
“content-type”: “image/jpeg” },
“size”: 25754
},
{
“fieldName”: “icon”,
“originalFilename”: “4eff22a5d3d8341d3bf472adbb151c18.jpg”,
“path”: “public\upload\HJIOAYHXjluOTtWZ2M-qwHUq.jpg”,
“headers”: {
“content-disposition”: “form-data; name=\”icon\”; filename=\”4eff22a5d3d8341d3bf472adbb151c18.jpg\”“,
“content-type”: “image/jpeg” },
“size”: 8666
}
]
}

总结:

formidable和multiparty都能实现解析表单的功能,返回值的数据结构和字段名称不同。formidable解析结果是json数据格式的,清晰明了。multiparty 返回值是数组格式的,解析同一个字段多个值时,使用multiparty更合适。

文件上传到临时文件目录下,我们还要将临时文件, 移到我们的上传目录中
fs.rename(file.path, global.appConfig.uploadDir + ‘/’ + file.filename);

Github代码参考地址:https://github.com/wuwanyu/formidable.multipaty.node.test.git
 

 

使用formidable & multiparty实现文件上传

标签:

原文地址:http://www.cnblogs.com/wuwanyu/p/wuwanyu20160406.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!