zoukankan      html  css  js  c++  java
  • node.js初识10

    post请求

    form.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <form action="http://127.0.0.1:3000/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>
    enctype="multipart/form-data"是使用formidable第三方库需要添加的

    post.js

    var http = require("http");
    var querystring = require("querystring");
    var server = http.createServer(function(req,res){
        if(req.url == "/dopost" && req.method.toLowerCase()=="post"){
            var alldata = '';
            //下面是post接收数据的一个公式
            //node为了极致,他是一小段一小段接收的
            //接受了一小段,可能就给别人去服务了。防止一个过大的表单阻塞了整个进程
            req.addListener("data",function(chunk){
                alldata +=chunk;
                console.log(chunk);
            });
            //全部传输完毕
            req.addListener("end",function(chunk){
                console.log(alldata.toString());
                var datastring = alldata.toString();
                var dataObj =querystring.parse(datastring);
                console.log(dataObj);
                console.log(dataObj.name);
                console.log(dataObj.sex);
                res.end("success");
            });
        }
    });
    server.listen(3000,"127.0.0.1");

    node post.js

    这里上传图片是真的上传了,默认是放在一个c盘的一个地方,我们可以修改上传图片的路径并且改名的

    post1.js

    var formidable = require('formidable');
    var http = require("http");
    var fs = require("fs");
    var sd = require("silly-datetime");
    var querystring = require("querystring");
    var path = require("path");
    
    var server = http.createServer(function(req,res){
        if (req.url == '/dopost' && req.method.toLowerCase() == 'post') {
        // parse a file upload
        var form = new formidable.IncomingForm();
        form.uploadDir = "./upload";
        form.parse(req, function(err, fields, files) {
          // 所有的文本域,单选框都在fields;
          // 所有的文件域,都在files;
          var ttt = sd.format(new Date(),'YYYYMMDDHHmmss');
          var ran = parseInt(Math.random()*89999+1000);
          var extname = path.extname(files.tupian.name);
          var oldpath =__dirname+"/"+files.tupian.path;
          var newpath = __dirname + "/upload/"+ ttt + ran + extname;
          fs.rename(oldpath,newpath,function(err){
              if(err){
                  throw Error("改名失败")
              };
                console.log(fields);
              console.log(files);
              res.writeHead(200, {'content-type': 'text/plain'});
              res.end("success");
          });
        });
      }
    });
    server.listen(3000,"127.0.0.1");

    node post1.js

    然后你可以在你同级目录的upload文件夹里查看到你上传的图片

  • 相关阅读:
    常用 Git 命令清单
    谈谈关于PHP的代码安全相关的一些致命知识
    九个Console命令,让 JS 调试更简单
    有趣的博客小工具
    利用fputcsv导出数据备份数据
    IT小天博客APP版本
    七牛云存储文件批量下载工具使用教程
    Mysql的常见几种错误:1045,1044
    我是一个线程
    两行代码快速创建一个iOS主流UI框架
  • 原文地址:https://www.cnblogs.com/ldlx-mars/p/8529014.html
Copyright © 2011-2022 走看看