涉及以下这些内容:

  1. 主体、
  2. cookie、session
  3. 数据
  4. 模板引擎

服务器基本结构:

const express=require('express');

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

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

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

const bodyParser=require('body-parser');  //只能解析一般的post数据,不能解析post文件

const ejs=require('ejs');

const jade=require('jade');

var server=express();

server.listen(8080);

//1. 解析cookie

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

// 2. session

var arr=[];

for(var i=0;i<100000;i++){

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

}

server.use(cookieSession({name:'张雯_sess_id',keys:arr,maxAge:20*3600*1000}));

// 3.post

server.use(bodyParser.urlencoded({extended:false}));  //不用扩展模式(extended:false)

//用户

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

    console.log(req.query,req.body,req.cookies,req.session);

});

// 4.static

server.use(static('./www'));
body-parser 不够好 因为它只能解析一般的post数据,不能解析post文件.

如果要上传文件,然后读取文件的相关数据改怎么办?

html:

<!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

    <title></title>

  </head>

  <body>

    <!-- 普通的post表单不能上传文件,只能用一个东西:enctype -->

    <!-- multipart/form-data 把表格的真实数据分割后上传 -->

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

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

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

    </form>

  </body>

</html>

nodejs:

const express=require('express');

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

const multer=require('multer');

// 想要上传文件,首先要又个multer对象

var objMulter=multer();

var server=express();

// 错误.bodyParser.urlencoded对应的form表单的enctype类型必须也是urlencoded

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

server.use(objMulter.any());

server.post('/',function(req,res){

    // console.log(req.body);  只能存储我们的用户名之类的

    console.log(req.files);  //可以用来存储文件

});

server.listen(8080);

注意:

1.enctype一共有三种类型:

2.multer有一些参数.比如any,意思是可以接收任何文件



比如single,意思是只能接收指定文件

执行结果:

nodejs的中间件Multer的可选参数

文件信息（file information):上传后的文件具有如下属性

fieldname: 上传文件标签在表单中的name

originalname：文件在用户电脑上的文件名

Encoding：该文件的编码

mimetype：该文件的Mime type

size：该文件的字节数

destination：该文件要保存的文件夹

filename：在保存的文件夹下的文件名

path：文件上传后保存的完整路径

buffer：完整文件的buffer

接下来要借助这些参数完成的工作:

1.存完之后会发现,文件名没有后缀.这时候我们需要补上它原来的后缀名

2.把文件存放到指定的文件中去

如果要改文件名字,需要用到fs.rename()的功能:

const path=require('path');

const fs=require('fs');

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

var obj=path.parse(str);

//base      文件名部分

//ext       扩展名部分

//dir       路径部分

//name      文件名部分

console.log(obj.ext); //看看文件的后缀名是啥..

fs.rename('a.txt','b.txt',function(err){ //把a.txt改名为b.txt

    if(err){

        throw err;

    }

    console.log('done!');

});

总体的js文件:

const express=require('express');

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

const multer=require('multer');

const fs=require('fs');

var pathlib=require('path');

// 想要上传文件,首先要又个multer对象

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

var server=express();

// 错误

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

server.use(objMulter.any());

server.post('/',function(req,res){

    // console.log(req.body);  只能存储我们的用户名之类的

    console.log(req.files);  //可以用来存储文件

    // 获取原来文件的扩展名

    // 修改它的扩展名

    var newName=req.files[0].path+pathlib.parse(req.files[0].originalname).ext;

    fs.rename(req.files[0].path,newName,function(err){

        if(err)

            res.send('上传失败');

        else

            res.send('成功');

    });

});

server.listen(8080);

express实践(一)的更多相关文章

  1. express 实践

    截图: 这个项目的数据是根据之前瓜子网爬虫爬的北京区数据 express + mongodb + pug(jade) + flex.css: 项目地址: https://github.com/uust ...

  2. nodejs 实践：express 最佳实践 (一)

    express 最佳实践 (一) 最近,一直在使用 nodejs 做项目,对 nodejs 开发可以说深有体会. 先说说 nodejs 在业务中的脚色,, 在 web同构 方面, nodejs 的优势 ...

  3. nodejs 实践：express 最佳实践 (一) 项目结构

    express 最佳实践 (一) 第二篇: express 最佳实践(二):中间件 最近,一直在使用 nodejs 做项目,对 nodejs 开发可以说深有体会. 先说说 nodejs 在业务中的脚色 ...

  4. express 最佳实践(二)：中间件

    express 最佳实践(二):中间件 第一篇 express 最佳实践(一):项目结构 express 中最重要的就是中间件了,可以说中间件组成了express,中间件就是 express 的核心. ...

  5. nodejs 实践：express 最佳实践(四) express-session 解析

    nodejs 实践:express 最佳实践(四) express-session 解析 nodejs 发展很快,从 npm 上面的包托管数量就可以看出来.不过从另一方面来看,也是反映了 nodejs ...

  6. vue实践---vue配合express实现请求数据mock

    mock数据是前端比较常见的技术,这里介绍下vue配合express 实现请求数据mock. 第一步: 安装 express :  npm install express -D 第二步: 简历需要mo ...

  7. nodejs 实践：express 最佳实践系列

    nodejs 实践:express 最佳实践系列 nodejs 实践:express 最佳实践(一) 项目结构 nodejs 实践:express 最佳实践(二) 中间件 nodejs 实践:expr ...

  8. 开始nodejs+express的学习+实践（1）

    开始nodejs+express的学习+实践(1) 开始nodejs+express的学习+实践(2) 开始nodejs+express的学习+实践(3) 开始nodejs+express的学习+实践 ...

  9. nodejs 实践：express 最佳实践(二) 中间件

    express 最佳实践(二):中间件 第一篇 express 最佳实践(一):项目结构 express 中最重要的就是中间件了,可以说中间件组成了express,中间件就是 express 的核心. ...

随机推荐

  1. Android轮播图

    轮播图是很常用的一个效果 核心功能已经实现 没有什么特殊需求 自己没事研究的 所以封装的不太好 一些地方还比较糙 为想要研究轮播图的同学提供个参考目前测试图片为mipmap中的图片 没有写从网络加载图 ...

  2. 20165230 《Java程序设计》第1周学习总结

    20165230 2017-2018-2 <Java程序设计>第1周学习总结 教材学习内容总结 本周通过学习了解了java的历史,地位,特点以及java的应用和基本的开发步骤,对Java有 ...

  3. Elasticsearch就这么简单

    一.前言 最近有点想弄一个站内搜索的功能,之前学过了Lucene,后来又听过Solr这个名词.接着在了解全文搜索的时候就发现了Elasticsearch这个,他也是以Lucene为基础的. 我去搜了几 ...

  4. phpStorm安装方法

    1)下载 http://big2.h5gamen.com/soft/jetbrainscrack-2.6.2.zip 放到phpstorm安装目录下的lib文件夹 如放到f盘 F:\PhpStorm ...

  5. 走近webpack（3）--图片的处理

    上一章,咱们学了如何用webpack来打包css,压缩js等.这一篇文章咱们来学习一下如何用webpack来处理图片.废话不多说,咱们开始吧. 首先,咱们随便找一张你喜欢的图片放到src/images ...

  6. poj 2503 查字典

    Description You have just moved from Waterloo to a big city. The people here speak an incomprehensib ...

  7. 数据库 --> SQL Server 和 Oracle 以及 MySQL 区别

    SQL Server 和 Oracle 以及 MySQL 区别 三者是目前市场占有率最高(依安装量而非收入)的关系数据库,而且很有代表性.排行第四的DB2(属IBM公司),与Oracle的定位和架构非 ...

  8. 网络通信 --> 消息队列

    消息队列 消息队列提供了一种从一个进程向另一个进程发送一个数据块的方法.可以通过发送消息来避免命名管道的同步和阻塞问题.但是消息队列与命名管道一样,每个数据块都有一个最大长度的限制. Linux用宏M ...

  9. Spring MVC的handlermapping之SimpleUrlHandlerMapping初始化

    前面信息同BeanNameUrlHandlerMapping,这里不再过多分析,详情请看 :Spring MVC的handlermapping之BeanNameUrlHandlerMapping初始化 ...

  10. Python下载图片小程序

    欢迎大侠们指正批评 思路: 1.引入相关的python文件(import re  import urllib) 2.读取对应网页的html文件(使用 urllib) def getHtml(url): ...