数据解析

最新推荐文章于 2024-07-30 17:35:21 发布

星辰大海_enoch

最新推荐文章于 2024-07-30 17:35:21 发布

阅读量158

点赞数

分类专栏： Node.js

本文链接：https://blog.csdn.net/u012872771/article/details/103654806

版权

Node.js 专栏收录该内容

27 篇文章 1 订阅

订阅专栏

GET
GET数据的处理：GET一般都是请求页面，不过也可以传传form表单，一起看看
html代码

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>Page Title</title>
</head>
<body>
    <form action="http://localhost:7000" method="GET">
        用户名: <input type="text" name="username"><br>
        密码：<input type="password" name="userpassword"><br>
        <button>提交</button>
    </form>
</body>
</html>

上传的数据在ctx.query对象中：ctx.query

const Koa = require("koa");
let server = new Koa();
server.listen(7000);

server.use(async ctx=> {
    console.log(ctx.query);
    ctx.body="上传成功";
})

在这里插入图片描述

POST
处理纯文字的POST数据：比如用户名密码等
先安装一个中间件这个koa-better-body可以接文字类也可以接图片视频也可以接JSON等

 npm install koa-better-body -D

在这里插入图片描述
中间件中使用了generators，需要转换为async：

npm i koa-convert -D

const Koa = require("koa");
const body = require('koa-better-body');
const convert = require('koa-convert');
let server = new Koa();
server.listen(7000);

server.use(convert(body()))  // 使用转换成async的中间件
// 因为要使用body，所以要在上面解析
server.use(async ctx=> {
    if(ctx.url=="/favicon.ico") return;
    console.log(ctx.request.fields);
    // POST的数据在ctx.request.fields中
})

报错消失并得到结果：
在这里插入图片描述

处理文件型的POST数据：比如图片视频等
html代码：

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>Page Title</title>
</head>
<body>
    <form action="http://localhost:7000" method="POST" enctype="multipart/form-data">
    <!--包含文件要指定enctype="multipart/form-data"-->
        用户名: <input type="text" name="username"><br>
        密码：<input type="password" name="userpassword"><br>
        文件：<input type="file" name="f1"><br>
        <button>提交</button>
    </form>
</body>
</html>

在koa-better-body中可以写对象，里面的uploadDir指定上传过来的目录；
这个目录要使用绝对路径，一方面是为了防止出错，另一方面是为了以后好迁移；
原生模块path可以把相对路径解析成绝对路径，path.resolve中可以使用魔法变量_dirname,具体看代码

const Koa = require("koa");
const body = require('koa-better-body');
const convert = require('koa-convert');
const path = require('path');   // 原生模块 负责把相对路径解析成绝对路径

let server = new Koa();
server.listen(7000);

server.use(convert(body({
    uploadDir: path.resolve(__dirname, './upload')   // 指定服务器上的目录
})))  // 使用转换成async的中间件

server.use(async ctx=> {
    if(ctx.url=="/favicon.ico") return;
    console.log(ctx.request.fields);
    // POST的数据在ctx.request.fields中
})