使用formidable & multiparty实现文件上传

Posted 2020-07-06 蓝之矾的技术分享

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了使用formidable & multiparty实现文件上传相关的知识，希望对你有一定的参考价值。

安装

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
}
]
}