6.8-Node.js应用开发项目化教程（慕课版）- multiparty实现图片上传功能.pptx

multiparty实现图片上传功能

引入如何实现图片的上传功能？

01multiparty模块简介02使用multiparty实现图片上传目录

multiparty--主要用于解析表单提交的文本和文件内容，可以对接收到的表单上传数据进行分割过滤。--是轻量级的第三方模块，使用前需本地安装。--用于上传表单页面，获取表单提交文件。multiparty模块简介

multiparty模块简介属性含义encoding设置传入表单域的编码。默认为utf-8（一般不用修改）maxFieldsSize设置限制所有字段分配的内存数量，如果数据超过了这个值系统会触发error事件，默认值是2MB。maxFilesSize限制所有接受的合并文件的字节数。如果超过了设置值，系统会触发一个错误事件。autoFiles启动文件事件和禁用部分文件事件。如果你添加了一个文件监听器这个值自动设置为true。uploadDir文件上传的位置目录。仅当autoFiles是true时有意义。multiparty模块常用属性

使用multiparty实现图片上传通过表单实现商品图片上传功能。示例

编写代码index.html01表单页面文本框：商品名、价格文件框：商品图片server.js02服务端文件使用multiparty模块获取表单提交数据图片上传到指定文件夹中使用multiparty实现图片上传注意：multiparty需事先局部安装

!DOCTYPEhtmlhtmlheadmetacharset=UTF-8title/title/headbodyformaction=http://localhost:8080enctype=multipart/form-datamethod=posth1商品信息：/h1inputtype=textname=nameplaceholder=namebrinputtype=textname=priceplaceholder=pricebrinputtype=filename=uploadbrinputtype=submitvalue=提交/form/body /htmlindex.html-图片上传表单文件框type=file示例代码action-表单提交后的处理地址enctype-表单数据编码传输方式method-表单提交方式为post使用multiparty实现图片上传

consthttp=require(http);constmultiparty=require(multiparty);//先本地安装letserver=http.createServer((req,res)={//表单提交文件的存储位置letform=newmultiparty.Form({uploadDir:./upload/});form.parse(req);//获取文本form.on(field,(name,price)={console.log(field:,name,price);});//获取文件form.on(file,(name,file)={console.log(file:,name,file);});//获取结束form.on(close,function(){console.log(传输完毕);});});server.listen(8080);server.js处理表单上传图片上传文件的信息file示例代码设置图片上传路径使用multiparty实现图片上传

小结multiparty模块简介第三方模块，必须先本地安装解析表单提交的文本和文件内容对接收到的表单上传数据进行分割过滤使用multiparty实现图片上传index.html--图片上传表单页面server.js--服务器处理表单上传图片

谢谢观看