Node.js-文件上传

柔情只为你懂 2022-04-02 12:22 173阅读 0赞

6. 文件上传

File.js: npm install uuid;npm install formidable;

const http = require('http');
    const fs = require('fs');
    const {URL} = require('url');
    const path = require('path');
    const querystring = require('querystring');
    const formidable = require('formidable');//上传文件模块
    const uuid = require('uuid/v1');//命名文件
    // 创建服务
    const server = http.createServer(function (req, res) {
        const url = new URL(req.url, 'http://' + req.headers.hostname);
        // 判断路径
        switch (url.pathname) {
            case '/uploadForm':
                fs.readFile('./file.html', function (err, data) {
                    if (err) throw err;
                    res.writeHead(200, {
                        'Content-type': 'text/html;charset=utf8'
                    });
                    res.end(data);
                });
                break;
            case '/upload':
                // 实例化
                const form = new formidable.IncomingForm({
                    // 图片文件上传路径
                    uploadDir: './file',
                    keepExtensions:true,//显示文件后缀
                    maxFileSize: 10 *1024 * 1024//文件大小
                });
                // 处理多选
                let fields = {likes:[]};
                form.on('field',function (name,value) {
                    // console.log(name,value);
                    if(name === 'likes'){
                        fields.likes.push(value)
                    }else {
                        fields[name] = value;
                    }
                });
                // 图片信息
                form.on('end',function () {
                    console.log(fields);
                });
                // 对下面的error事件
                form.on('error',function (err) {
                    res.writeHead(200,{
                        'Content-type': 'text/html;charset=utf8'
                    });
                   res.end('图片上传失败'+err.message);
                });
                // 解析请求体
                form.parse(req,function (err,fields,files) {
                    if(err){
                        return;
                    }
                    // 所有字段信息
                    // 修改文件名fs.renameSync(files.pic.path,path.join(form.uploadDir,`${uuid()}.${path.extname(files.pic.path)}`))
                    res.writeHead(200,{
                        'Content-type': 'text/html;charset=utf8'
                    });
                    res.end('表单提交成功');
                });
                break;
            default:
                res.writeHead(404, {
                    'Content-type': 'text/html;charset=utf8'
                });
                res.end('<h1>404 Not Found</h1>');
        }
    });
    server.listen(8086, function () {
        console.log('http server is running on port 8086');
    });

File.html:主要enctype="multipart/form-data"

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>登陆</title>
    </head>
    <body>
    <form action="/upload" method="post" enctype="multipart/form-data">
        用户名：<input type="text" name="username"><br/>
        爱好：<input type="checkbox" name="likes" value="电影">电影
        <input type="checkbox" name="likes" value="读书">读书
        <input type="checkbox" name="likes" value="运动">运动<br/>
        头像：<input type="file" name="image"><br/>
        <button>注册</button>
    </form>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，173人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript高级 - nodejs+koa2实现文件上传大文件切片上传断点续传（服务器端）

nodejs+koa2实现文件上传前言一、环境准备及第三方库二、项目结构三、API接口说明（s

约定不等于承诺〃/ 2022年10月23日 12:50/ 0 赞/ 371 阅读

相关 nodejs sftp上传

// deploy.js / 部署之前请检查好要部署的路径如有多个环境，自行拓展 / const gulp = require("gul

小鱼儿/ 2022年10月10日 12:31/ 0 赞/ 132 阅读

相关 nodejs中html文件上传,基于NodeJs的文件上传

最近，自己玩nodeJs，用上了Express框架，小白。上传文件，查了写资料。发现了有req.files这个接口，然后试了下。使用req.files Express

Bertha 。/ 2022年10月06日 13:48/ 0 赞/ 223 阅读

相关 nodeJs修改上传文件的大小限制

之前写东西的时候遇到了一个问题，就是将文件上传时文件太大而导致无法上传。控制台报错为： Error: request entity too large at ma

妖狐艹你老母/ 2022年08月09日 12:44/ 0 赞/ 574 阅读

相关 nodejs express 上传文件

1，express集成了formidable库使用app.use(express.bodyParser(\{uploadDir:TEST\_TMP,keepExte

墨蓝/ 2022年06月05日 00:39/ 0 赞/ 188 阅读

相关 NodeJS上传表单、图片

ps：这个在之前研究node的express框架+mongodb练习的时候遇到的问题，就是如何把图片进行上传到后台，本案例包括前端页面展示，现在进行了总结 1、先配置上传地

电玩女神/ 2022年05月31日 13:38/ 0 赞/ 162 阅读

相关 nodejs上传文件--multer

上传单个文件的方法 1.在routes目录下添加upload.js文件（如果没有multer模块，则使用 npm install multer 来下载） upload.js

傷城~/ 2022年05月27日 12:25/ 0 赞/ 203 阅读

相关 Nodejs 入门 - 上传文件

1.安装Formidable npm install formidable Formidable中封装了传输文件需要使用的函数，方便易用。 2.前

雨点打透心脏的1/2处/ 2022年03月17日 06:40/ 0 赞/ 220 阅读

相关 Nodejs作为客户端上传文件

needle模块介绍 needle 是一个模拟http-client的一个包，可以将nodejs作为http客户端发送http请求。详细的描述在npm的网站上都有介绍。这

深藏阁楼爱情的钟/ 2021年09月24日 04:20/ 0 赞/ 516 阅读

相关 Nodejs 实现文件上传

准备工作下载依赖的包 npm install express --save npm install multer --save npm i

怼烎@/ 2021年09月24日 04:20/ 0 赞/ 342 阅读