http-post表单上传文件，并改名

最新推荐文章于 2023-03-09 10:45:44 发布

JoZq

最新推荐文章于 2023-03-09 10:45:44 发布

阅读量507

点赞数

文章标签： post

本文链接：https://blog.csdn.net/weixin_45838680/article/details/107197077

版权

js部分

/**
 Created by www.it666.com
 */
let http = require("http");
let url = require("url");
let querystring = require("querystring");
let formidable = require('formidable');
let util = require("util");
let uuidv1 = require('uuid/v1');
let path = require("path");
let fs = require("fs");


http.createServer((req, res) => {
    if (req.url === "/postmsg" && req.method.toLowerCase() === "post") {
        // 1.实例化对象  formidable插件处理post表单
        let form = new formidable.IncomingForm();

        // 2. 设置上传的文件路径
        form.uploadDir = "./uploads";

        // 3. 获取表单的内容
        form.parse(req, (err, fields, files) => {

            // 3.1 生成随机的名称
            let name = uuidv1();

            // 3.2 获取上传文件的后缀
            let extName = path.extname(files.photo.name);

            // 3.3 设置路径
            let oldPath = __dirname + "/" + files.photo.path;
            let newPath = __dirname + "/uploads/" + name + extName;

            // 3.4 改名
            fs.rename(oldPath, newPath, (err) => {
                if (!err) {
                    res.writeHead(200, { 'content-type': 'text/html;charset=UTF-8' });
                    res.write("写入成功");
                    res.end(util.inspect({ fields: fields, files: files }));
                    //util.inspect将字符串转成对象输出
                } else {
                    throw err;
                }
            });
        });
    }

}).listen(80, "127.0.0.1");

html部分

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
   <form action="http://127.0.0.1:80/postmsg" method="post" enctype="multipart/form-data">
       <p>姓名: <input type="text" name="name"></p>
       <p>年龄: <input type="text" name="age"></p>
       <p>
           性别:
           <input type="radio" name="sex" value="男">男
           <input type="radio" name="sex" value="女">女
       </p>
       <p>
           学科:
           <input type="checkbox" name="college" value="HTML5">HTML5
           <input type="checkbox" name="college" value="Python">Python
           <input type="checkbox" name="college" value="Java">Java
       </p>
       <p>
           照片:
           <input type="file" name="photo">
       </p>
       <input type="submit" value="提交">
   </form>
</body>
</html>