nodejs --- 上传文件并保存到磁盘

先复习下整个请求的过程

const express = require('express');

const static = require('express-static');

const cookieParser = require('cookie-parser');

const cookieSession = require('cookie-session');

const bodyParser = require('body-parser');

const multer = require('multer');

const ejs = require('ejs');

const jade = require('jade');

const server = express();

server.listen();

// 解析cookie

server.use(cookieParser('dfadfasdfa'));

// 解析session

let arr = [];

for(let i = ; i < ; i++) {

    arr.push('key_' + Math.random());

}

server.use(cookieSession({name: 'jason_name', keys: arr, maxAge: **}));

// post数据

server.use(bodyParser.urlencoded({extended: false}));

server.use(multer({dest: './www/upload'}).any());

// 用户请求

server.use('/', (req, res, next) => {

    console.log(req.query, req.body, req.files, req.cookie, req.session);

});

server.use(static('./www'));

测试下能不能上传

const express = require('express');

const bodyParser = require('body-parser');

const multer = require('multer');

// fs 可以用来添加上传文件的扩展名(重命名)

const fs = require('fs');

const pathLib = require('path');

const server = express();

// 创建一个上传文件对象

// let objMulter = multer({dest: './www/upload'});

server.use(bodyParser.urlencoded({extended: false}));

// server.use(objMulter.any());

server.post('/', (req, res) => {

    console.log('req.body==>',req.body);

    // 当请求是 enctype=application/x-www-form-urlencoded

    // req.body==> { f1: 'mmexport1485905379121.jpg' }

    // 当请求是 multertype/form-type

    // req.body==> {}

    // console.log('req.files==>', req.files);

});

server.listen();

上传的表单文件

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>文件上传</title>

</head>

<body>

    <form action="http://localhost:8999" method="post" enctype="application/x-www-form-urlencoded">

    <!-- <form action="http://localhost:8999" method="post" enctype="multipart/form-data"> -->

    <!-- <form action="http://localhost:8999" method="post" enctype="text/plain"> -->

        文件： <input type="file" name="f1"> <br/>

        <input type="submit" value="上传">

    </form>

</body>

</html>

这是因为body-parser 只能处理application/x-www-form-urlencoded

文件上传需要使用 multer 模块用来处理 multipart/form-data

const express = require('express');

const bodyParser = require('body-parser');

const multer = require('multer');

// fs 可以用来添加上传文件的扩展名(重命名)

const fs = require('fs');

const pathLib = require('path');

const server = express();

// 创建一个上传文件对象

let objMulter = multer({dest: './www/upload'});

// server.use(bodyParser.urlencoded({extended: false}));

server.use(objMulter.any());

server.post('/', (req, res) => {

    // console.log('req.body==>',req.body);

    console.log('req.files==>', req.files);

     // req.files==> [ { fieldname: 'f1',

     //    originalname: 'IMG_20170125_212945.jpg',

     //    encoding: '7bit',

     //    mimetype: 'image/jpeg',

     //    destination: './www/upload',

     //    filename: 'fa0b73da8bdbcb36e9480e9869c0a2b7',

     //    path: 'www\\upload\\fa0b73da8bdbcb36e9480e9869c0a2b7',

     //    size: 226929 } ]

});

server.listen();

这个时候你会发现文件上传了，但是文件名没有扩展名

fs中重名的函数rename

fs.rename('a.txt', 'b.txt', (err) => {

console.log(err);

});

获取扩展名的插件 path 可以小小的测试下这个node中的path插件

const path = require('path');

let str = 'c:\\wamp\\www\\a.html';

let obj = path.parse(str);

console.log(obj);

// {

//   root: 'c:\\',

//   dir: 'c:\\wamp\\www',

//   base: 'a.html',

//   ext: '.html',

//   name: 'a'

// }

// base 文件名部分

// ext 扩展名部分

// dir 文件路径（目录）

// name 文件名（不包含扩展名）

然后讲path插件添加进文件

const express = require('express');

const bodyParser = require('body-parser');

const multer = require('multer');

// fs 可以用来添加上传文件的扩展名(重命名)

const fs = require('fs');

const pathLib = require('path');

const server = express();

// 创建一个上传文件对象

let objMulter = multer({dest: './www/upload'});

// server.use(bodyParser.urlencoded({extended: false}));

server.use(objMulter.any());

server.post('/', (req, res) => {

    // console.log('req.body==>',req.body);

    console.log('req.files==>', req.files);

     // req.files==> [ { fieldname: 'f1',

     //    originalname: 'IMG_20170125_212945.jpg',

     //    encoding: '7bit',

     //    mimetype: 'image/jpeg',

     //    destination: './www/upload',

     //    filename: 'fa0b73da8bdbcb36e9480e9869c0a2b7',

     //    path: 'www\\upload\\fa0b73da8bdbcb36e9480e9869c0a2b7',

     //    size: 226929 } ]

    //1.获取原始的扩展名  2.重命名临时文件

    let newName = req.files[].path + pathLib.parse(req.files[].originalname).ext

    fs.rename(req.files[].path, newName, (err) => {

        if(err) {

            console.log('重命名失败');

        }else {

            console.log('命名成功');

        }

    });

});

//     req.files==> [ { fieldname: 'f1',

//     originalname: 'IMG_20170125_212945.jpg',

//     encoding: '7bit',

//     mimetype: 'image/jpeg',

//     destination: './www/upload',

//     filename: 'bb031c31a1016648703a0d54cc93f674',

//     path: 'www\\upload\\bb031c31a1016648703a0d54cc93f674',

//     size: 226929 } ]

// 命名成功

server.listen();

到此，文件成功的保存到磁盘中，并且大小一致

总结：

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

multer 解析post文件 multipart/form-data

let obj = multer({dest: '上传路径'});

server.use(obj.any());

server.use( (req, res) => {

req.files[0].originalname

req.files[0].path

});

fs.rename(老名字，新名字, (err) => {

});

nodejs --- 上传文件并保存到磁盘的更多相关文章

Express下使用formidable实现POST表单上传文件并保存
Express下使用formidable实现POST表单上传文件并保存在上一篇文章中使用formidable实现了上传文件,但没将它保存下来. 一开始,我也以为是只得到了文件的相关信息,需要用fs. ...
nodejs 上传文件 upload
只是现在主要用nodejs做后端了,所以记录一些上传文件的使用方法. 上传文件的主要方式: 1.form上传,优点是方便,缺点是没法回调,上传后返回的数据没法处理 2.ajax上传,优点是可控制,有回 ...
springboot 头像上传文件流保存文件流返回浏览器查看区分操作系统 windows 7 or linux
//我的会员中心头像上传接口 /*windows 调试*/ @Value("${appImg.location}") private String winPathPic; /*l ...
thinkphp表单上传文件并将文件路径保存到数据库中
上传单个文件,此文以上传图片为例,上传效果如图所示创建数据库upload_img,用于保存上传路径 CREATE TABLE `seminar_upload_img` ( `id` int(11) ...
Linux下开发python django程序(设置admin后台管理上传文件和前台上传文件保存数据库)
1.项目创建相关工作参考前面 2.在models.py文件中定义数据库结构 import django.db import modelsclass RegisterUser(models.Model) ...
app端上传文件至服务器后台，web端上传文件存储到服务器
1.android前端发送服务器请求在spring-mvc.xml 将过滤屏蔽(如果不屏蔽 ,文件流为空) <!-- <bean id="multipartResolver&q ...
Servlet 实现上传文件以及同时，写入xml格式文件和上传
package com.isoftstone.eply.servlet; import java.io.BufferedReader; import java.io.BufferedWriter; i ...
java servlet上传文件并把文件内容显示在网页中
servlet3.0(JDK1.6)自带的API即可实现本地文件的上传,Servlet3.0新增了Part接口,HttpServletRequest的getPart()方法取得Part实现对象.下面我 ...
php上传文件时出现错误：failed to open stream: Permission denied
尝试使用php写了一段小的上传程序,但是在使用的时候,在上传文件时出现这个错误,由于之前在写程序要读文件,曾经出现过这个问题,当时是因为要读的文件的权限不够,于是使用chmod 775 1.txt把文 ...

随机推荐

在vs 调试进程中找不到 w3wp.exe 进程
问题如图所示: 解决办法: 1. 启动iis(internet information services)服务. 2. 打开左侧网站列表=> 右键点击自己配置的网站 => 点击管理网站 = ...
NET 文件批量下载
HTML <a class="btn btn-warning" id="btnDownload">选中下载</a> JS /* 批量下载 ...
Elasticsearch、Kibana Windows下环境搭建
Elasticsearch 簡介 ElasticSearch是一个基于Lucene的搜索服务器.它提供了一个分布式多用户能力的全文搜索引擎,基于RESTful web接口.Elasticsearch是 ...
构建NetCore应用框架之实战篇（六）：BitAdminCore框架架构小结
本篇承接上篇内容,如果你不小心点击进来,建议从第一篇开始完整阅读,文章内容继承性连贯性. 构建NetCore应用框架之实战篇系列一.小结 1.前面已经完成框架的第一个功能,本篇做个小结. 2.直接上 ...
C# 一些代码小结--串口操作
串口解析显示中文 private String SerialPortReadStr() { try { String str = null; int n = serialPort1.BytesToRe ...
第七章 ReentrantLock总结
常用方式: int a = 12; //注意:通常情况下,这个会设置成一个类变量,比如说Segement中的段锁与copyOnWriteArrayList中的全局锁 final ReentrantLo ...
springboot-登录拦截器
小伙伴们大家好,今天给大家分享一个简单的springboot版登录拦截器首先我们需要在springboot的启动类中让它实现WebMvcConfigurer 这个接口比如: public clas ...
mybatis源码追踪1——Mapper方法用法解析
Mapper中的方法执行时会构造为org.apache.ibatis.binding.MapperMethod$MethodSignature对象,从该类源码中可以了解如何使用Mapper方法. [支 ...
Java并发（二）-实现同步
并发带来的问题先看一个单例类,后文中都会用到: public class SimpleWorkingHardSingleton { private static SimpleWorkingHardS ...
【CODECHEF】Children Trips 倍增
此题绝了,$O(n^{1.5}\ log\ n)$都可以过掉.... 题目大意:给你一颗$n$个点的树,每条边边权不是2就是$1$,有$m$个询问,每次询问一个人从$x$点走到$y$点,每天可以走的里 ...

nodejs --- 上传文件并保存到磁盘

nodejs --- 上传文件并保存到磁盘的更多相关文章

随机推荐

热门专题