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

网络编程 2024/9/24 佚名

3 1 2

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

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

node,表单,图片上传

华山资源网 Design By www.eoogi.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

华山资源网 Design By www.eoogi.com

评论“全面解析node 表单的图片上传”

暂无评论...

www.eoogi.com 华山资源网

120,135影音资源

344,641技术资源

22,817软件资源

435,032站长资源

稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！

昨天有一位朋友在大神群里分享，自己亚服账号被封号之后居然弹出了国服的封号信息对话框。

这里面让他访问的是一个国服的战网网址，com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后，确实是网易的网址，也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情，因为以前都没有出现这样的情况，现在突然提示跳转到国服战网的网址，是不是说明了简体中文客户端已经开始进行更新了呢？

更新日志

2024年09月24日

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

微信小程序购物商城系统开发系列-工具篇的介绍

利用fecha进行JS日期处理

评论“全面解析node 表单的图片上传”

稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！

更新日志

友情链接