nodejs多图上传 有接受单图,多图,base64的例子

先下载multer

yarn add multer 

单图加上多图上传

引入了multer之后,就直接在req上挂载了1个file对象,这里注意区别,服务器接受单图,对象在req.file里面,接受多图就在req.files里面,还有下面的方法,upload.array()方法file是前端传递的key,后面的参数是一次最多接受多少张图片,
如果只接受单图请upload.fields('file')即可

const express = require('express')
var fs = require("fs")//操作文件
var multer = require('multer')
const upload = multer({dest: 'upload/'})
// 拿到express路由
const Router = express.Router()
Router.post('/upload', upload.array('file', 2), function (req, res, next) {
    var file = req.files
    var arrPath = []
    for (var i = 0; i < file.length; i++) {
        var pathName = "upload/" + file[i].filename + '.' + file[i].originalname.split('.')[1]
        fs.rename(req.files[i].path, pathName, function (err) {
            if (err) {
                throw err;
            }
        })
        arrPath.push({path: pathName})
    }
    res.json({code: 0, data: arrPath})
})

后端接受前端的base64转换成图片保存在服务器

这里需要注意的是:base是文本依赖于body-parser

yarn add body-parser 
// 接受post过来的json,最大为50m,预防前端传递base64图片
app.use(bodyParser.json({limit: '50mb'})) 
Router.post('/uploadbase', upload.fields('file'), function (req, res, next) {
    var file = req.body.file
    var base64Data = file.replace(/^data:image\/\w+;base64,/, '')
    var dataBuffer = new Buffer(base64Data, 'base64')
    var path = './upload/' + Math.random().toString().split('.')[1] + Date.now() + '.jpg'
    fs.writeFile(path, dataBuffer, function (err) {
        if (err) return
        res.json({code: 0, data: {path: path}, msg: '图片上传成功'})
    })
})

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值