post请求表单数据-node

最新推荐文章于 2024-05-16 16:23:18 发布

Biebersxzl

最新推荐文章于 2024-05-16 16:23:18 发布

阅读量739

点赞数

分类专栏：个人博客技术 js Node.js formidable http 文章标签： Node.js post请求 http formidable

本文链接：https://blog.csdn.net/Biebersxzl/article/details/82027477

版权

技术同时被 3 个专栏收录

8 篇文章 0 订阅

订阅专栏

个人博客

7 篇文章 0 订阅

订阅专栏

3 篇文章 0 订阅

订阅专栏

网上听了点node的课程，运用一下

1.安装node，省略…点击查看API文档

2.安装formidable模块，点击查看API文档

3.html代码：(注意要写enctype=”multipart/form-data”，因为要上传照片，小编之前就是纳闷好久，为什么接收的文件都为空)

 1 <!DOCTYPE html> 

 2 <html> 

 3 <head> 

 4     <meta charset="utf-8"> 

 5     <title></title> 

 6     <style type="text/css"> 

 7         form{ 

 8             width: 400px; 

 9             margin: 50px auto; 

10         } 

11     </style> 

12 </head> 

13 <body> 

14     <form action="http://127.0.0.1:80/postmsg; method="post" enctype="multipart/form-data" autocomplete="off"> 

15         姓名：<input type="text" name="name"><br><br> 

16         年龄：<input type="text" name="age"><br><br> 

17         性别：<input type="radio" name="sex" value="男">男 

18         <input type="radio" name="sex" value="女">女<br><br> 

19         照片：<input type="file" name="photo"><br><br> 

20         <input type="submit" name="" value="提交"> 

21     </form> 

22 </body> 

23 </html>

4.js代码：

 1 //创建http服务器所需模块 

 2 let http=require("http"); 

 3 let url=require("url"); 

 4 //处理表单数据所需模块：node-formidable专门处理表单 

 5 //安装：cnpm i -S formidable 

 6 let formidable = require('formidable'); 

 7 let util = require('util'); 

 8 //修改文件名 

 9 let fs=require('fs'); 

10 http.createServer(function(req, res) { 

11   if (req.url == '/postmsg' && req.method.toLowerCase() == 'post') { 

12     //实例化对象 

13     let form = new formidable.IncomingForm(); 

14     //设置上传的文件路径(如：创建一个名为"upload"的文件，将要上传的照片存在这里) 

15     form.uploadDir ='./upload'; 

16     //获取表单内容 

17     form.parse(req, (err, fields, files)=>{ 

18       let oldName=__dirname+'/'+files.photo.path; 

19       let newName=__dirname+'/upload/'+files.photo.name; 

20       fs.rename(oldName,newName,(err)=>{    //fs.rename：改名(改为该文件原来的名字) 

21         if (err) { 

22             throw err 

23         }else{ 

24             res.writeHead(200, {'content-type': 'text/plain;charset=UTF-8'}); 

25             res.write('写入成功'); 

26         } 

27         res.end(util.inspect({fields: fields, files: files}));  //util.inspect:将obj转成字符串 

28       }) 

29     }); 

30   } 

31 }).listen(80,'127.0.0.1')   //设置80端口的http