node+express用multer上传图片或者文件到服务器及用日期命名图片存储的文件夹
来源:互联网 发布:红遍中国的网络神曲 编辑:程序博客网 时间:2024/06/18 17:13
node+express用multer上传图片或者文件到服务器及用日期命名图片存储的文件夹。
1.要用到multer的话,那就先安装咯。
cnpm install --save multer
2.对应js的代码
var express = require('express');var router = express.Router();//获取时间function getNowFormatDate() { var date = new Date(); var seperator1 = "-"; var month = date.getMonth() + 1; var strDate = date.getDate(); if (month >= 1 && month <= 9) { month = "0" + month; } if (strDate >= 0 && strDate <= 9) { strDate = "0" + strDate; } var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate; return currentdate.toString();}var datatime = 'public/images/'+getNowFormatDate();//将图片放到服务器var multer = require('multer')var storage = multer.diskStorage({ // 如果你提供的 destination 是一个函数,你需要负责创建文件夹 destination: datatime, //给上传文件重命名,获取添加后缀名 filename: function (req, file, cb) { cb(null, file.originalname); }}); var upload = multer({ storage: storage});router.post('/addPicture',upload.single('picUrl'),function(req,res,next){ console.log(req.body.picTitle)//console.log(req.query.picTitle);//get console.log(req.body.picType) console.log(req.file)//req.file文件的具体信息 res.send({ret_code: datatime});});
3.html中的代码
<form method="post" action="addPicture/addPicture" class="form-horizontal" enctype="multipart/form-data"> <div class="hr-line-dashed"></div> <div class="form-group"><label class="col-sm-2 control-label">图片标题:</label> <div class="col-sm-5"> <input type="text" name="picTitle" placeholder="必填" class="form-control" required=""> </div> </div> <div class="hr-line-dashed"></div> <div class="form-group"><label class="col-sm-2 control-label">图片类型:</label> <div class="col-sm-5"> <select class="form-control" name="picType"> <option value="1">gif</option> <option value="2">图片</option> <option value="3">美女</option> </select> </div> </div> <div class="hr-line-dashed"></div> <div class="form-group"><label class="col-sm-2 control-label">对应图片:</label> <div class="col-sm-5"><input type="file" name="picUrl" class="form-control"></div> </div> <div class="form-group"> <div class="col-sm-2 col-sm-offset-9"> <h3></h3> <button class="btn btn-primary" type="submit">提交</button> </div> </div></form>
其中enctype=”multipart/form-data”是必须的。
看看实现的效果图吧:
阅读全文
0 0
- node+express用multer上传图片或者文件到服务器及用日期命名图片存储的文件夹
- 使用express搭建了框架后,用multer处理post请求传的文件或图片注意的问题
- node+express文件上传 multer模块上传问题
- Express文件上传之Multer
- 将本地图片或者网上图片用post方式上传到图片服务器
- 将本地图片或者网上图片用post方式上传到图片服务器
- iOS上传图片或者头像到服务器。
- 上传图片到服务器,服务器保存并且接收到了,但是必须刷新文件夹或者重新部署文件才能在客户端显示图片
- node.js 用户上传图片到服务器
- iOS文件处理,将图片存到手机目录里面 创建文件夹,NSFileManager用来存储图片,然后遍历将图片取出上传到服务器哦!!
- Nodejs进阶 基于express+multer的文件上传
- 上传图片/文件到服务器
- 文件或者图片上传到服务器端(tomcat),重启服务器或者重载项目之后上传文件或图片消失
- NodeJS express+multer实现文件上传
- Express使用Multer实现文件上传
- springmvc文件上传,上传图片存储到tomcat虚拟图片服务器
- 图片文件上传到网站的指定的文件夹
- AFNetworking上传到服务器一张或者多张图片,及上传视频详解
- Oracle学习1:Oracle简介
- Hadoop伪分布式安装一(HDFS)
- 7.1.【Spring学习】Bean生命周期
- 数组重新定义key值,去重,排序
- 项目中使用过的Githup项目
- node+express用multer上传图片或者文件到服务器及用日期命名图片存储的文件夹
- java freemark导出word 实现word分页
- Python入门
- 微波技术
- 前端实现图片懒加载(lazyload)的两种方式
- 思维挑战--2017年12月18日
- 蓝桥杯 算法提高 第二大整数
- web.py 提示需要安装MySQLdb,
- 7.2.Spring Bean生命周期(不同理解2)