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把文 ...

随机推荐

使用jetty-maven-plugin运行maven多项目
1.准备工作 org.eclipse.jetty jetty-maven-plugin 9.2.11.v20150529 jdk 1.7 maven 3.1 2.采用maven管理多项目 ...
nodejs+express安装配置（Linux版本）
在ubuntu下面,直接从源里面安装nodejs的话,此版本还行,但是相关的express等,会比较老. 采用源码安装,先下载nodejs的源码,然后三步: ./configure make make ...
【TFS错误】TF30063: 您没有访问 Microsoft-IIS/8.5 的权限
问题现象开发人员报告,所有的生成都失败了,日志显示下载源代码出错,系统提示错误信息为"-TF30063: 您没有访问 Microsoft-IIS/8.5 的权限-". 图1 - ...
拒绝“高冷”词汇！初学C#中的委托
有一天,你写了好多好多带“形参”的构造函数(就是“方法”,同义),而且需要向这些构造函数里传递同样的“实参”,然后你就憨憨地一个一个函数的调用并赋予同样的“实参”,这一天就这么过去了... 又过了几天 ...
qt中多线程用法总结
1.多线程的理解在操作系统中线程和进程划分. 操作系统可以同时执行多个任务,每个任务就是进程:进程可以同时执行多个任务,每个任务就是线程. 线程之间相互独立,抢占式执行.对于单核CPU来说同一时刻只 ...
从 exe.config 读取appSettings 中的配置数据
右键解决方案,添加引用--> System.Configuration.dll 在exe.config 中添加数据 <appSettings> <add key=" ...
使用vue.js常见错误之一
打包项目时,在vscode中输入如下命令 webpack .\src\main.js .\dist\bundle.js 出现如下错误: WARNING in configurationThe 'mod ...
移植Max中的控制器到Unity - 前言
一切源自于一个ppt http://pan.baidu.com/s/1kT8x2V9 看到这个ppt之前,其实自己也想过将Max当中的一些约束移植到游戏中,一方面是那时候能力不足,另一方面还是自己不那 ...
Minimax-486. Predict the Winner
Given an array of scores that are non-negative integers. Player 1 picks one of the numbers from eith ...
hdoj1435 Stable Match（稳定婚姻问题）
简单稳定婚姻问题. 题目描述不够全面,当距离相同时容量大的优先选择. 稳定婚姻问题不存在无解情况. #include<iostream> #include<cstring> # ...

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

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

随机推荐

热门专题