首页 > 代码库 > node07---post请求、表单提交、文件上传

node07---post请求、表单提交、文件上传

2024-10-07 09:58:39   217人阅读

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <form action="dopost" method="post" enctype="multipart/form-data">
        <p>
            姓名 ： <input type="text" name="name">
        </p>
        <p>
            性别 ： 
             <input type="radio" name="sex" value="http://www.mamicode.com/男">男
             <input type="radio" name="sex" value="http://www.mamicode.com/女">女
        </p>
        <p>
            爱好：
            <input type="checkbox" name="hobby" value="http://www.mamicode.com/睡觉" />睡觉
            <input type="checkbox" name="hobby" value="http://www.mamicode.com/吃饭" />吃饭
            <input type="checkbox" name="hobby" value="http://www.mamicode.com/足球" />足球
        </p>
        <p>
            图片：
            <input type="file" name="tupian" />
        </p>
        <p>
            <input type="submit" />
        </p>
    </form>
</body>
</html>
/**
 * poest提交表单
 */
var http = require("http");
var querystring = require("querystring");


//创建服务器
var server = http.createServer(function(req,res){//每次请求执行函数，外面的已经执行了。
    
    //如果你的访问地址是这个，并且请求类型是post
    if(req.url == "/dopost" && req.method.toLowerCase() == "post"){
        console.log("req.url:" + req.url);
        console.log("req.method:" + req.method);
        var alldatahttp://www.mamicode.com/= "";
        //下面是post请求接收的一个公式，node为了追求极致，它是一个小段一个小段接收的。
        //接受了一小段，可能就给别人去服务了。防止一个过大的表单阻塞了整个进程,异步操作。
        req.addListener("data",function(chunk){
            alldata += chunk;
        });
        //全部传输完毕
        req.addListener("end",function(){
            var datastring = alldata.toString();
            res.end("success");
            //将datastring转为一个json对象
            var dataObj = querystring.parse(datastring);
            console.log(dataObj);
            console.log(dataObj.name);
            console.log(dataObj.sex);
        });
    }
});

server.listen(3000,"127.0.0.1");

 

三、post请求
1        var alldatahttp://www.mamicode.com/= "";
2        //下面是post请求接收的一个公式
3        //node为了追求极致，它是一个小段一个小段接收的。
4        //接受了一小段，可能就给别人去服务了。防止一个过大的表单阻塞了整个进程
5        req.addListener("data",function(chunk){
6            alldata += chunk;
7        });
8        //全部传输完毕
9        req.addListener("end",function(){
10            console.log(alldata.toString());
11            res.end("success");
12        });

原生写POST处理，比较复杂，要写两个监听。文件上传业务比较难写。
所以，用第三方模块。formidable。

只要涉及文件上传，那么form标签要加一个属性：
1<form action="http://127.0.0.1/dopost" method="post" enctype="multipart/form-data">
/**
 * 文件上传，改变了表单提交方式。
 */
var http = require("http");
var formidable = require(‘formidable‘);
var util = require("util");

console.log("qqq");
//创建服务器
var server = http.createServer(function(req,res){
    //如果你的访问地址是这个，并且请求类型是post
       console.log("qqqqqqq");
    if(req.url == "/dopost" && req.method.toLowerCase() == "post"){
        var form = new formidable.IncomingForm();
        //设置文件上传存放地址
        form.uploadDir = "./uploads";
        //执行里面的回调函数的时候，表单已经全部接收完毕了。
        //姓名性别全在fields对象里面，files是文件
        form.parse(req, function(err, fields, files) {
            if(err){
                throw err;
            }
            console.log(fields);
            console.log(files);
            console.log(util.inspect({fields: fields, files: files}));
            //所有的文本域、单选框，都在fields存放；
            //所有的文件域，files
            res.writeHead(200, {‘content-type‘: ‘text/plain‘});

            res.end("成功");
        });
    }
});

server.listen(3000);

 文件上传并改名

/**
 * Created by Danny on 2015/9/20 15:35.
 */
var http = require("http");
var formidable = require(‘formidable‘);
var util = require("util");
var fs = require("fs");
var sd = require("silly-datetime");
var path = require("path");


//创建服务器
var server = http.createServer(function(req,res){
    //如果你的访问地址是这个，并且请求类型是post
    if(req.url == "/dopost" && req.method.toLowerCase() == "post"){
        //Creates a new incoming form.
        var form = new formidable.IncomingForm();
        //设置文件上传存放地址
        form.uploadDir = "./uploads";
        //执行里面的回调函数的时候，表单已经全部接收完毕了。
        form.parse(req, function(err, fields, files) {
            //if(err){
            //    throw err;
            //}
            //console.log(util.inspect({fields: fields, files: files}));

            //时间，使用了第三方模块，silly-datetime
            var ttt = sd.format(new Date(), ‘YYYYMMDDHHmmss‘);
            var ran = parseInt(Math.random() * 89999 + 10000);
            var extname = path.extname(files.tupian.name);
            //执行改名
            var oldpath = __dirname + "/" + files.tupian.path;
            //新的路径由三个部分组成：时间戳、随机数、拓展名
            var newpath = __dirname + "/uploads/" + ttt + ran + extname;

            //改名
            fs.rename(oldpath,newpath,function(err){
                if(err){
                    throw Error("改名失败");
                }
                res.writeHead(200, {‘content-type‘: ‘text/plain‘});
                res.end("成功");
            });
        });
    }else if(req.url == "/"){
        //呈递form.html页面
        fs.readFile("./form.html",function(err,data){
            res.writeHead(200, {‘content-type‘: ‘text/html‘});
            res.end(data);
        })
    }else{
        res.writeHead(404, {‘content-type‘: ‘text/html‘});
        res.end("404");
    }
});

server.listen(80,"192.168.41.36");

 

node07---post请求、表单提交、文件上传


联系
我们