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

随机推荐

[ACM_模拟] HDU 1006 Tick and Tick [时钟间隔角度问题]
Problem Description The three hands of the clock are rotating every second and meeting each other ma ...
asp.net mvc5 分析器错误消息: 未能加载类型“XXX.MvcApplication”
描述今天忽然碰到一个这个错误: “/”应用程序中的服务器错误. 分析器错误说明: 在分析向此请求提供服务所需资源时出错.请检查下列特定分析错误详细信息并适当地修改源文件. 分析器错误消息: 未能加 ...
[ASP.NET]关于DOT NET的IIS配置LocalHost访问和127.0.0.1访问的区别
项目上遇到一个问题跟大家分享下,配置的localhost地址本地无法访问接口,外网却可以访问,查其原因百度资料比较全面的解释 localhost与127.0.0.1的概念和工作原理之不同要比较两个东 ...
一个Form表单多个Submit提交按钮!实现提交不同的参数!
给 submit 的按钮加onclick 方法来自定义预处理参数,比如<script type="text/javascript">function submitFun ...
iOS App的加固保护原理
本文由网易云发布. 本文从攻防原理层面解析了iOS APP的安全策略.iOS以高安全性著称,但它并非金刚不坏之身.对于信息安全而言,止大风于青萍之末是上上策,杭研深入各个细节的研发工作,正是网易产 ...
极大提高Web开发效率的8个工具和建议（含教程）
面对复杂的 Web 应用的开发,良好的流程和工具支持是必不可少的,它们可以让日常的开发工作更加顺畅.更加高效.本文介绍了6个Web开发利器以及相关的教程,帮助你在开发.调试.集成和发布过程极大地提高效 ...
shell 多线程
不熟悉 io 重定向的童鞋,先学习一下相关知识 http://www.linuxplus.org/kb/io-redirection.html 下面是简单代码 #!/bin/bash tmpfile= ...
(转)Db2数据库一次生产故障详细记录---数据库坏页
原文:http://www.talkwithtrend.com/Article/216335 前言数据库最严重的故障莫过于数据库损坏.数据库坏页是数据库损坏的一种,如果数据库中有数据页出现损坏,在没 ...
(转)windows 2003 远程桌面关闭运行程序退出解决
windows 2003 远程桌面关闭运行程序退出解决原文:http://2798996.blog.51cto.com/2788996/503365 情况:远程桌面到2003,运行一个程序,然后关 ...
如何在window server IIS上部署可以使用web deploy?
环境: windows server2012 方式1: 1,下载"wpilauncher.exe" Web平台安装程序.下载地址:http://www.microsoft.com/ ...

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

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

随机推荐

热门专题