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

2019-11-19 18:54:23

字体：大中小

来源：转载

供稿：网友

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 - 具有这些属性的对象：