Node+Express文件上传

标签: node express multer
3人阅读 评论(0) 收藏 举报
分类:

Express 框架核心特性:

  • 可以设置中间件来响应 HTTP 请求。
  • 定义了路由表用于执行不同的 HTTP 请求动作。
  • 可以通过向模板传递参数来动态渲染 HTML 页面。

重要模块:

  • body-parser - node.js 中间件,用于处理 JSON, Raw, Text 和 URL 编码的数据
  • cookie-parser - 这就是一个解析Cookie的工具。通过req.cookies可以取到传过来的cookie,并把它们转成对象。
  • multer - node.js 中间件,用于处理 enctype=”multipart/form-data”(设置表单的MIME编码)的表单数据。

中间件(middleware)

  • 就是处理HTTP请求的函数,用来完成各种特定的任务,比如检查用户是否登录、分析数据、以及其他在需要最终将数据发送给用户之前完成的任务。 它最大的特点就是,一个中间件处理完,可以把相应数据再传递给下一个中间件。
  • app.use是express“调用中间件的方法”。所谓“中间件(middleware),就是处理HTTP请求的函数,用来完成各种特定的任务,比如检查用户是否登录、分析数据、以及其他在需要最终将数据发送给用户之前完成的任务。
  • app.use() 里面使用的参数,主要是函数。但这个使用,并不是函数调用,而是使能的意思。当用户在浏览器发出请求的时候,这部分函数才会启用,进行过滤、处理
var express = require ('express');
var app = express();

var fs = require("fs");
//bodyParser用于处理 JSON, Raw, Text 和 URL 编码的数据
var bodyParser = require('body-parser');
//multer 处理enctype="multipart/form-data"(设置表单的MIME编码)的表单数据
var multer = require('multer');
//托管静态文件,express.static 中间件来设置静态文件路径
app.use(express.static('public'));
app.use(bodyParser.urlencoded({extend:false}));
//设置保存路径,为当前路径
app.use(multer({dest:'/tmp/'}).array('image'));

app.get('/index.html',function (req,res) {
    res.sendFile( __dirname +"/"+"index.html");
});

//multer在解析完请求体后,会想Request对象中添加一个body对象和一个files对象;
//body对象中包含所提交表单中的文本字段
//files对象中包含通过表单上传的文件
app.post('/file_upload',function (req,res) {
    console.log(req.files[0]);

    var des_file = __dirname +"/"+req.files[0].originalname;
    fs.readFile(req.files[0].path,function (err,data) {
        fs.writeFile(des_file,data,function (err) {
            if(err){
                console.log(err);
            }else{
                response = {
                    message:"File upload success",
                    filename:req.files[0].originalname
                };
            }
            console.log(response);
            res.send(JSON.stringify(response));
        })
    });
});

app.listen(8081,function () {
    console.log('port 8081');
});

结果:
1. 启动app.js
这里写图片描述

  1. 上传文件
    这里写图片描述
  2. 上传成功
    这里写图片描述
  3. 文件目录:
    这里写图片描述
查看评论

node+express文件上传

node express
  • isoble
  • isoble
  • 2017-10-18 11:26:08
  • 154

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

node+express用multer上传图片或者文件到服务器及用日期命名图片存储的文件夹。 1.要用到multer的话,那就先安装咯。cnpm install --save multer2.对应j...
  • a419419
  • a419419
  • 2017-12-18 18:23:28
  • 259

nodejs的express实现的1对1即时通讯实例

  • 2017年11月25日 15:24
  • 12KB
  • 下载

图片分享论坛2018

  • 2018年01月09日 09:55
  • 1.91MB
  • 下载

微信公众号开发

  • 2017年10月19日 09:29
  • 3KB
  • 下载

node+express文件上传 multer模块上传问题

在进行node web开发时,我们可能经常遇到上传文件的问题,这一块如果我们没有经验,可能会遇到很多坑,下面我将跟大家分享一下,实现文件上传的一些方式。 一、node+express文件上传的常用方...
  • zjl516088421
  • zjl516088421
  • 2017-09-29 10:07:15
  • 110

node+express项目搭建

1.搭建项目目录:http://blog.csdn.net/zzwwjjdj1/article/details/51886402  全局安装两个模块 npm install -g express ...
  • wly_syp
  • wly_syp
  • 2017-12-04 16:54:20
  • 22

node+express创建项目

1.全局安装express npm install -g express  2.全局安装express-generator npm install -g express-generator //...
  • qq_34764577
  • qq_34764577
  • 2017-10-06 13:06:09
  • 57

node+Express开发

1、安装了express。但是执行express -v提示express不是内部或者外部处理命令。 解决方法:http://jingyan.baidu.com/article/922554468a3...
  • qq_26746521
  • qq_26746521
  • 2016-05-15 11:30:09
  • 408

Node+Express的跨域访问控制问题:Access-Control-Allow-Origin

项目A通过Ajax访问项目B的接口,获取json数据,项目B采用Node+Express技术栈。项目A可能遇到跨域访问控制问题。报错如下: XMLHttpRequest cannot load ht...
  • shelly1072
  • shelly1072
  • 2017-02-12 18:21:02
  • 8337
    个人资料
    持之以恒
    等级:
    访问量: 1634
    积分: 310
    排名: 25万+
    文章存档