2021-09-10 node文件上传multer

淩亂°似流年 2022-09-11 02:14 180阅读 0赞

## node文件上传 ##

body-parser 解析post数据 application/x-www-form-urlencoded

multer 解析post文件 multipart/form-data

整合1

const express= require('express');
    const expressStatic = require('express-static');
    const cookieParser = require('cookie-parser');
    const cookieSession = require('cookie-session');
    const bodyparser = require('body-parser');//不好用
    
    var server = express();
    server.listen(8989);
    
    //1、解析cookie
    var cres = 'sdsdsderrere'
    server.use(cookieParser(cres))
    //2、使用session
    var arr =[];
    for(var i=0;i<100000;i++){ 
        arr.push('keys'+Math.random())
    }
    server.use(cookieSession({ 
        name:'zns_sees_id',
        keys:arr,
        maxAge:2*3600*1000
    }))
    //3、post数据
    server.use(bodyparser.urlencoded({ extended:false}))
    //用户请求
    server.use('/',function (req,res,next) { 
    
       console.log(req.query,req.body,req.cookies,req.session)
    })
    //4、static数据
    server.use(expressStatic(('./www')));

![在这里插入图片描述][2fefff04e33042849811689879b2857a.png]

--------------------

## 文件上传 ##

### body-parser的用法 ###

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    <form action="http://localhost:8989/" method="post" >
        文件：<input type="file" name="f1">
        <input type="submit" value="上传">
    </form>
    </body>
    </html>

const express= require('express');
    const bodyparser = require('body-parser');//不好用
    
    var server = express();
    server.listen(8989);
    
    server.use(bodyparser.urlencoded({ extended:false}))
    
    server.post('/',function (req,res) { 
        console.log(req.body)//{ f1: 'timg.jpg' }
    })

--------------------

### multer ###

//这里的会报错
    const express= require('express');
    const multer = require('multer')
    
    var server = express();
    server.listen(8989);
    
    server.use(multer())
    
    server.post('/',function (req,res) { 
        console.log(req.body)
    })

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAc2hhbmdyaWxhLXhpdQ_size_18_color_FFFFFF_t_70_g_se_x_16]  
例子1

#### 可生成文件，乱码随机的名字，无后缀 ####

const express= require('express');
    const multer = require('multer')
    const fs = require('fs')
    
    var server = express();
    server.listen(8989);
    
    var objMulter =multer({ dest:'./www/upload/'});//保存文件到什么位置
    
    server.use(objMulter.any())//任意类型的文件，有风险
    // server.use(objMulter.single('f1'))//指定某个名字的文件
    
    server.post('/',function (req,res) { 
        console.log(req.files)
        /* * [ { fieldname: 'f1', originalname: 'timg.jpg', encoding: '7bit', mimetype: 'image/jpeg', destination: './www/upload/', filename: 'eaad6f10fe9ca6fd96c877678540dae4', path: 'www\\upload\\eaad6f10fe9ca6fd96c877678540dae4', size: 28230 } ] * */
        
    })

#### 对生成的文件重命名 ####

const express= require('express');
    const multer = require('multer')
    const fs = require('fs')
    const pathLib  = require('path')
    
    var server = express();
    server.listen(8989);
    
    var objMulter =multer({ dest:'./www/upload/'});//保存文件到什么位置
    
    server.use(objMulter.any())//任意类型的文件，有风险
    // server.use(objMulter.single('f1'))//指定某个名字的文件
    
    server.post('/',function (req,res) { 
        console.log(req.files)
        /* * [ { fieldname: 'f1', originalname: 'timg.jpg', encoding: '7bit', mimetype: 'image/jpeg', destination: './www/upload/', filename: 'eaad6f10fe9ca6fd96c877678540dae4', path: 'www\\upload\\eaad6f10fe9ca6fd96c877678540dae4', size: 28230 } ] * */
        console.log(req.files[0].originalname)
        var pathOri = req.files[0].originalname;
        //1、获取原始文件扩展名:path
        var newname = req.files[0].path + pathLib.parse(pathOri).ext;
        
        //2、重命名
        fs.rename(req.files[0].path,newname,function (err) { 
            if(err){ 
                res.send("上传失败")
            }else{ 
                res.send('上传成功')
            }
    
        })
    })

在这里插入代码片

enctype="multipart/form-data"

[2fefff04e33042849811689879b2857a.png]: /images/20220829/44fc6ef13b3144b3a39babe8f8c45e53.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAc2hhbmdyaWxhLXhpdQ_size_18_color_FFFFFF_t_70_g_se_x_16]: /images/20220829/44e819dc065c47c9b69a4deb1222ec3a.png

发表评论取消回复

表情：

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

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

相关阅读

相关 Express全系列教程之(十四)：通过multer实现文件上传

一、multer中间件再上传文件时，我们通常会使用到他。Multer用于处理multipart/form-data 类型的表单数据。首先我们先安装它： cnp

我会带着你远行/ 2023年01月07日 10:15/ 0 赞/ 334 阅读

相关 2021-09-10 node文件上传multer

node文件上传 body-parser 解析post数据 application/x-www-form-urlencoded multer 解析post文件 mult

淩亂°似流年/ 2022年09月11日 02:14/ 0 赞/ 181 阅读

相关 node+express用multer上传图片或者文件到服务器及用日期命名图片存储的文件夹

node+express用multer上传图片或者文件到服务器及用日期命名图片存储的文件夹。 1.要用到multer的话,那就先安装咯。 cnpm install

左手的ㄟ右手/ 2022年06月03日 04:37/ 0 赞/ 212 阅读

相关 nodejs上传文件--multer

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

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

相关 Express文件上传中间件Multer

前言： Express默认并不处理HTTP请求体中的数据，对于普通请求体(JSON、二进制、字符串)数据，可以使用body-parser中间件。而文件上传(multipart

忘是亡心i/ 2022年05月03日 11:58/ 0 赞/ 1081 阅读

相关 Node.js-多文件上传

例子： const http = require('http'); const fs = require('fs'); const {URL} = r

蔚落/ 2022年04月02日 12:26/ 0 赞/ 224 阅读

相关 Node.js-文件上传

6. 文件上传 File.js: npm install uuid;npm install formidable; const http = require('ht

柔情只为你懂/ 2022年04月02日 12:22/ 0 赞/ 239 阅读

相关 express上传图片之——multer一

老步骤，安装、引用。 npm install multer let multer = require("multer"); let sto

墨蓝/ 2021年11月23日 04:52/ 0 赞/ 294 阅读

相关 node express 文件上传

主要使用`multer`来实现文件上传。顺便记录一下`multer`的API 插件： `multer`：文件上传中间件，[multer][] `cors`: 解决跨域

心已赠人/ 2021年08月14日 01:25/ 0 赞/ 378 阅读

相关 node express上传文件

1、安装 cnpm install multer --save 2、引入 var multer=require('multer')

待我称王封你为后i/ 2021年07月24日 17:51/ 0 赞/ 397 阅读