node中图片上传的中间键很多，比如formidable等，这里我们使用nodejs中的fs来实现文件上传处理：

1、安装中间键connect-multiparty

npm install connect-multiparty

通过connect-multiparty中间键我们可以实现req.files的功能，这样可以拿到上传文件的大小、类型等一系列参数，对其进行判断，从而达到限制上传的目的。

2、connect-multiparty的使用

var multipart = require('connect-multiparty');

var multipartMiddleware = multipart();
....
router.post('/upload', multipartMiddleware, function (req, res) {
　　....
}

在需要引入的js页面顶部引入上面代码，再在相应的路由中如上引入，然后通过req.files即可直接获取上传的文件参数。

3、完整实例：

index2.html文件：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>文件上传实例</title>

</head>

<body>

<form enctype="multipart/form-data" action="/upload" method="post">

    <input type="file" name="uploadFile" id="upload" />

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

</form>

</body>

</html>

app.js配置：

var routes = require('./routes/index');
...
//设置post文件大小
app.use(bodyParser.json({limit: '50mb'}));
app.use(bodyParser.urlencoded({limit: '50mb', extended: true}));

app.set('views', path.join(__dirname, 'views'));
var template = require('art-template');
template.config('base', '');
template.config('extname', '.html');
app.engine('.html', template.__express);
app.set('view engine', 'html');

... 
app.use('/', routes);

index.js文件：

/**

 * Created by chaozhou on 2015/11/9.

 */

var express = require('express');

var router = express.Router();

var tags = require('../modules/tag.js');

var multipart = require('connect-multiparty');

var multipartMiddleware = multipart();

var fs = require("fs");

router.get('/', function(req, res, next) {

    res.render("index2");

});

router.post('/upload', multipartMiddleware,function(req, res) {

  var type = req.files.uploadFile.type;

  var size = req.files.uploadFile.size;

  var maxSize = 800 * 1024;     //800K

  type = type.split("/")[1];

  if (type != "jpeg" && type != "jpg" && type != "png") {

    res.send({"errMsg": "请上传png、jpg、jpeg格式照片"});

    return;

  } else if (size > maxSize) {

    res.send({"errMsg": "图片大小不要超过800K"});

    return;

  } else if (type == "jpeg" || type == "jpg" || type == "png" && size < maxSize) {

    fs.readFile(req.files.uploadFile.path, function (err, data) {

      if (err) {

        res.send({"errMsg": "'图片上传失败'"});

        return;

      }

      var base64str = new Buffer(data).toString('base64'); //图片转字节

      fs.writeFileSync("public/upload/" + "upload."+type, base64str, 'base64');  //写入本地

      res.send("<input type='image' src='/upload/upload."+type+"'/>");

    });

  }

});

module.exports = router;

在public目录下新建upload上传文件夹，上传的图片统一放在这里：

浏览器上传效果：

上传成功！

nodejs图片上传的更多相关文章

  1. 使用connect-multiparty限制nodejs图片上传

    connect-multiparty中间件,可用于获取文件上传时各种参数,比如文件大小.格式等,具体使用: var multipart = require('connect-multiparty'); ...

  2. 图片上传之FileAPI与NodeJs

    HTML5之fileAPI HTML5之fileAPI使得我们处理图片上传更加简单. 实例 html代码 <div class="form-group"> <la ...

  3. nodeJs实现微信小程序的图片上传

    今天我来介绍一下nodejs如何实现保存微信小程序传过来的图片及其返回 首先wx.uploadFile绝大部分时候是配合wx.chooseImage一起出现的,毕竟选择好了图片,再统一上传是实现用户图 ...

  4. nodejs 接收上传的图片

    1.nodejs接收上传的图片主要是使用formidable模块,服务器是使用的express搭建. 引入formidable var formidable = require('./node_mod ...

  5. NodeJs实现图片上传

    关于formidable NodeJs实现图片上传,此处主要用了插件:formidable github上关于formidable的资料如下: https://github.com/felixge/n ...

  6. Nodejs之MEAN栈开发（四）---- form验证及图片上传

    这一节增加推荐图书的提交和删除功能,来学习node的form提交以及node的图片上传功能.开始之前需要源码同学可以先在git上fork:https://github.com/stoneniqiu/R ...

  7. 使用express+multer实现node中的图片上传

    使用express+multer实现node中的图片上传 在前端中,我们使用ajax来异步上传图片,使用file-input来上传图片,使用formdata对象来处理图片数据,post到服务器中 在n ...

  8. multer实现图片上传

    multer实现图片上传: ejs代码: <!DOCTYPE html> <html lang="en"> <head> <meta ch ...

  9. 基于Node的React图片上传组件实现

    写在前面 红旗不倒,誓把JavaScript进行到底!今天介绍我的开源项目 Royal 里的图片上传组件的前后端实现原理(React + Node),花了一些时间,希望对你有所帮助. 前端实现 遵循R ...

随机推荐

  1. OI树上问题 简单学习笔记

    判断链 每个点的度数不超过2 判断树 n个点,n-1条边 每两个点之间的路径唯一 多叉树转换成二叉树 第一个孩子作为左孩子,第一个孩子的兄弟作为它的右孩子. 树的重心 树上一点,满足删除该点时,树内剩 ...

  2. python-数值类型转换

    常用的数据类型转换 函数 说明 int(x [,base ]) 将x转换为一个整数 long(x [,base ]) 将x转换为一个长整数 float(x ) 将x转换到一个浮点数 complex(r ...

  3. day12学python 多进程+进程池

    多进程+进程池 多进程(不同进程不可直接访问数据) 引入(多进程套线程) 多进程 需导入multiprocessing模块 模板示例1 import threading,time,multiproce ...

  4. Codeforces Round #549 (Div. 2)C. Queen

    C. Queen time limit per test 1 second memory limit per test 256 megabytes input standard input outpu ...

  5. C# combobox手动赋值

    DataTable dt = new DataTable(); dt.Columns.Add("REPAIR_VALUE"); dt.Columns.Add("REPAI ...

  6. redis 3.0 集群__故障测评

    一, slave 是不能通过redis-cli 直接进行读写操作的,但是可以执行 keys, info 命令( 猜测类似全局性的不影响到原子性操作的命令应该都可以,没有一一试验) 二,集群中的某节点异 ...

  7. 经典排序的python实现

    具体原理我这里就不解释了,可以查看数据结构课本或者百度百科 这里只给出相应的代码(很简洁) 1 __author__ = "WSX" class sort: def __init_ ...

  8. 2019.2.14 t3 车辆销售

    用算法求最大生成树,在并查集合并时,把原本的一个根连向另一个 根改成两个根都连向一个新建的节点,并把当前正在处理的边的权值赋给这个新 节点做点权.这样形成的结构会是一棵树. 一个点的答案大致上是树的根 ...

  9. windows使用putty向远程服务器传送文件

    一.问题产生 对于远程服务器,我习惯把文件写好后直接上传到服务器,也有很多方法可以做到,我现在比较习惯使用putty自带的pscp直接去传. 二.解决办法 1.首先在本地下载的putty文件下看是否有 ...

  10. 51nod 1812 树的双直径 题解【树形DP】【贪心】

    老了-稍微麻烦一点的树形DP都想不到了. 题目描述 给定一棵树,边权是整数 \(c_i\) ,找出两条不相交的链(没有公共点),使得链长的乘积最大(链长定义为这条链上所有边的权值之和,如果这条链只有 ...