nodejs图片上传

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上传文件夹,上传的图片统一放在这里:

浏览器上传效果:

上传成功!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏月色的自留地

代理自动配置文件PAC的使用方法

我通常上网使用两个浏览器,safari用于一般上网;Chrome安装SwitchyOmega插件,在不同的代理中切换,来保证某些网站的上网速度。 但是这种...

721
来自专栏Vamei实验室

被解放的姜戈06 假作真时

之前了解了: 创建Django项目 数据库 模板 表格提交 admin管理页面 上面的功能模块允许我们做出一个具有互动性的站点,但无法验证用户的身份。我们这次了...

1876
来自专栏cs

linux 学习笔记七

来自实验楼的学习笔记,文字基本复制,粘贴。 ? 下载了一个录制gif图的软件,还不错 参考与:在Linux(Ubuntu)下超好用的录屏gif软件!!...

3235
来自专栏阮一峰的网络日志

Node 应用的 Systemd 启动

前面的文章介绍了 Systemd 的操作命令和基本用法,今天给出一个实例,如何使用 Systemd 启动一个 Node 应用。 本文是独立的,不需要前面的教程作...

2648
来自专栏web编程技术分享

【Java框架型项目从入门到装逼】第四节 - 编写第一个Servlet程序

3396
来自专栏大数据架构师专家

Kubernetes踩坑记---单点集群安装

从今天起,我们开始研究k8s ,之所以叫k8s,是因为Kubernetes这个单词的K和S之间还有8个字母,为了方便书写,就直接用8来代替.国外也会偷懒,这...

571
来自专栏惨绿少年

练习题二上

第1章 linux启动过程 1、开机自检bios 2、mbr引导 3、GRUB 菜单:选择不同的内核 4、加载内核 5、运行init进程 6、读取/etc/in...

1940
来自专栏我的小碗汤

打印日志的几种方式

log4j的主配置文件为*.properties,log4j2废弃了这种方式,采用*.xml、json等方式。

634
来自专栏菩提树下的杨过

再谈web开中几种经典的大文件上传组件

1.aspnetupload 这是国人开发的一款收费.net控件,官网http://www.aspnetupload.net/ (不过也有一个免费版本的,允许上...

1816
来自专栏软件测试经验与教训

Fiddler用法整理

读书与实践是获取知识的主要渠道,学习的权力只掌握在每个人自己手中,让学习成为一种生活的习惯,这比任何名牌大学的校徽重要得多!

681

扫码关注云+社区