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

网友投稿 232 2023-06-28


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

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

multiparty安装

npm install multiparty

html代码

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) {

http:////报错处理

if(err){

console.log(err);

var u={"error" :1,"message":'请上传5M以图片'http://};

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://npmjs.com/package/multiparty

以上所述是给大家介绍的全面解析node 表单的图片上传,希望对大家有所帮助,如果大家有任何疑问请给我留言,会及时回复大家的。在此也非常感谢大家对我们网站的支持!


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:Java 静态绑定与动态绑定深入分析
下一篇:Bootstrap Modal遮罩弹出层(完整版)
相关文章

 发表评论

暂时没有评论,来抢沙发吧~