node 全面解析表单的图片上传

本文详细介绍了如何在Node.js中使用multiparty库处理multipart/form-data类型的HTTP请求,进行图片上传操作。讲解了multiparty的安装、配置选项以及关键API,包括fields和files对象的解析,同时提供了相关资源链接和实战案例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

node 全面解析表单的图片上传 ,multiparty解析与内容类型的HTTP请求multipart/form-data,也被称为文件上传。
multiparty安装

npm install multiparty

html代码

<form action="/api/uppic" method="post" >
    <input type="file" name="pic" >
    <input type="submit">

</form>

node 代码

app.route('/api/uppic').post(function(req,res){
        var multiparty = require('multiparty'); 
        var form = new multiparty.Form();//新建表单
        //设置编辑
        form.encoding = 'utf-8';
        //设置图片存储路径
        form.uploadDir = "Uploads/gaoxiao/";
        form.keepExtensions = true;   //保留后缀
        form.maxFieldsSize = 2*1024*1024; //内存大小
        form.maxFilesSize= 5*1024*1024;//文件字节大小限制,超出会报错err

        //表单解析
        form.parse(req, function(err,fields,files) {
            //报错处理
            if(err){
                console.log(err);
                var u={"error" :1,"message":'请上传5M以图片'};
                res.end(JSON.stringify(u));
                return false;
            }

            //获取路径
            var oldpath=files.imgFile[0]['path'];

            //文件后缀处理格式
            if(oldpath.indexOf('.jpg')>=0){
                var suffix='.jpg';      
            }else if(oldpath.indexOf('.png')>=0){                   
                var suffix='.png';      
            }else if(oldpath.indexOf('.gif')>=0){                   
                var suffix='.gif';      
            }else{
                var u={"error" :1,"message":'请上传正确格式'};
                res.end(JSON.stringify(u));
                return false;
            }

            var url='Uploads/gaoxiao/'+Date.now()+suffix;
            var fs=require('fs');
            //给图片修改名称
            fs.renameSync(oldpath,url);
            var u={ "error" : 0, "url" : '/'+url}
            res.end(JSON.stringify(u)); 
        });

    });

multiparty

multiparty.Form创建一个新的形式**

  • encoding:用于输入表单字段集编码。默认为utf8
  • maxFieldsSize:限制内存的所有字段(而不是文件)的量可以以字节为单位分配。如果超过该值,一个error事件被发射。默认大小为2MB。
  • maxFields:限制,将发射一个前解析字段的数目error的事件。一个文件算作在这种情况下,一个字段。默认为1000。
  • maxFilesSize:上传文件大小限制,只有当相关autoFiles的true。限制接受合并所有文件的总字节数。如果超过该值,一个error事件被发射。默认值是无穷大。
  • autoFields:启用field事件和禁用part事件的字段。这是自动设置为true如果添加了一个field侦听器。
  • uploadDir:只有当相关autoFiles的true。目录放置文件上传。您以后可以使用移动它们fs.rename()。默认为os.tmpDir()。

form.parse(req,function(err,fields,files){})
- fields: 是一个对象(上传名称和值),其属性名的字段名称和值是字段值的数组。
- files :是一个对象(上传名称和服务器文件路径),其属性名的字段名称和值是文件对象的数组。

files内文件对象file - 具有这些属性的对象:
- fieldName-同name-此文件中的字段名
- originalFilename -文件名,对于该文件的用户的报告
- path - 在磁盘上载文件的绝对路径
- headers - 这是与该文件一起发送的HTTP头
- size -以字节的文件大小

node表单解析(multiparty)的api地址:https://www.npmjs.com/package/multiparty

案例:http://hemaj.com

node.js 技术交流: 293851491

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值