<!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="男">男

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

        </p>

        <p>

            爱好：

            <input type="checkbox" name="hobby" value="睡觉" />睡觉

            <input type="checkbox" name="hobby" value="吃饭" />吃饭

            <input type="checkbox" name="hobby" value="足球" />足球

        </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 alldata = "";

        //下面是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 alldata = "";

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请求、表单提交、文件上传的更多相关文章

  1. 传统表单提交文件上传，以及FormData异步ajax上传文件

    传统的文件上传: 只用将form表单的entype修改成multipart/form-data,然后就可以进行文件上传,这种方式常用并且简单. 以下是另一种方式FormData,有时候我们需要ajax ...

  2. AJAX 表单提交 文件上传

    1. AJAX = 异步 JavaScript 和 XML. AJAX 是一种用于创建快速动态网页的技术.通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载 ...

  3. [原创]java WEB学习笔记49：文件上传基础，基于表单的文件上传,使用fileuoload 组件

    本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当 ...

  4. Struts2文件上传（基于表单的文件上传）

    •Commons-FileUpload组件 –Commons是Apache开放源代码组织的一个Java子项目,其中的FileUpload是用来处理HTTP文件上传的子项目   •Commons-Fil ...

  5. Ajax提交Form表单及文件上传

    刚刚申请下来的博客,写得第一篇.有点小激动,本人以前是一名工业3D设计师突然有些变故做上了JavaWeb开发: 前几天,发现了一些小问题.我在写后台管理页面时,需要上传一张图片.于是我就用很普通的Fo ...

  6. ajax提交表单,支持文件上传

    当我们提交表单但是又不想要刷新页面的时候就可以考虑使用ajax来实现提交功能,但是这有个局限就是当有文件上传的时候是行不通的,下面借助于jquery.form可以很方便满足我们的需求.   1.表单写 ...

  7. 表单多文件上传样式美化 && 支持选中文件后删除相关项

    开发中会经常涉及到文件上传的需求,根据业务不同的需求,有不同的文件上传情况. 有简单的单文件上传,有多文件上传,因浏览器原生的文件上传样式及功能的支持度不算太高,很多时候我们会对样式进行美化,对功能进 ...

  8. Django的form表单之文件上传

    在生成input标签的时候可以指定input标签的类型为file类型 <!DOCTYPE html> <html lang="en"> <head&g ...

  9. php+form表单的文件上传

    <!doctype html> <html> <head> <meta charset="UTF-8"> <title> ...

  10. 2020最新Servlet+form表单实现文件上传(图片)

    servlet实现文件上传接受 这几天学了一点文件上传,有很多不会,在网查了许多博客,但是最新的没有,都比较久了 因为我是小白,版本更新了,以前的方法自己费了好久才弄懂,写个随笔方便以后查找 代码奉上 ...

随机推荐

  1. .C#-NET开源方向基本

    我的理解,nancyFx是一个.net的微型框架,可以在Linux环境下运行,ServiceStack也是全平台框架,更大一些 owin的概念:Open Web Server Interface Fo ...

  2. ftp for linux 配置

    曾经配的熟悉的不能再熟悉了的东西,多年不用就忘了. 好真是好记性不如烂笔头.本文假如你已经安装好了, 1,ftp默认是不同意root用户登录的,假设要root用户登录,请例如以下改动:打开/etc/v ...

  3. [Angular] Provide Feedback to Progress Events with Angular’s HttpRequest Object

    In some cases your application might need to upload large amounts of data, such as files. Obviously ...

  4. 【Allwinner ClassA20类库分析】 2.free pascal语法及结构简析

        上一节介绍了Lazarus一般的开发操作流程,对于不熟悉pascal语言的朋友可能看的还是不大明确.不知道pascal代码里都应该包括什么或起什么作用.这回就简单地介绍下语法及代码文件的结构. ...

  5. hdu1290

    由二维的切割问题可知,平面切割与线之间的交点有关,即交点决定射线和线段的条数,从而决定新增的区域数. 当有n-1个平面时,切割的空间数为f(n-1).要有最多的空间数.则第n个平面需与前n-1个平面相 ...

  6. PE文件结构（三） 输入表

    PE文件结构(三) 參考 书:<加密与解密> 视频:小甲鱼 解密系列 视频 输入表 输入函数,表示被程序调用可是它的代码不在程序代码中的,而在dll中的函数.对于这些函数.磁盘上的可执行文 ...

  7. Android应用内加载pdf的方法？

    [可行] 最直接的方式下载到本地, 然后调用相关应用打开 [可行,有局限] 使用 webview 加载, 需要在 原url 前面加上 http://docs.google.com/gview?url= ...

  8. JAVA设计模式之【迭代器模式】

    迭代器模式 聚合类,聚合对象 电视机遥控器,迭代器,遍历局和对象中的成员 灵活新增遍历方法 将负责遍历数据的方法提取出来,封装到专门的类中,实现数据存储和数据遍历分离.这就是迭代器模式. 灵活性,可扩 ...

  9. nyoj--18--The Triangle(dp水题)

    The Triangle 时间限制:1000 ms  |  内存限制:65535 KB 难度:4 描述 7 3 8 8 1 0 2 7 4 4 4 5 2 6 5 (Figure 1) Figure ...

  10. Nginx访问VM虚拟机CentOS 7系统与本地Windows系统共享目录403

    用VMware安装了CentOS7系统,并搭建了Nginx,MySQL,PHP的web项目运行环境,为了方便Windows本地主机进行程序调试把Windows本地项目目录共享到了虚拟机CentOS中的 ...