使用node做中转上传多文件

node上传图片和多个内容一起

首先上传内容如下

前端js代码如下

let fromdata = new FormData()
        const { files } = photo;
        const createnewFiles = files[0];
        fromdata.append('file', createnewFiles);
        fromdata.append('name', sendCreateName);
        fromdata.append('introduction', sendCreateintoduce);
        requestCollections("/userOwn/createCollections", 'post', fromdata)
            .then((res) => {
                if (res.err == -2) {
                    alerterror('身份过期,请重新登录')
                }
                else if (res.err == -1) {
                    alerterror('发送不成功')
                }
                else {
                    alertSuccess('发送成功');
                    getAllCollections();
                    photo.parentNode.removeChild(img)
                    name.value = '';
                    intouduce.value = ''
                    hiddenCollctions.style.display = 'none'
                }
            })
    }

重点在于将所有的文件全放在formdata里 这样mult中间件才能正确解析
node端代码

const multipart = require('connect-multiparty')
const FormData = require('form-data')
const fs = require('fs')
var mult = multipart()//得到实例
//配置中间件
router.post('/createCollections', mult, (req, res) => {
    let { name, introduction } = req.body
    let formdata = new FormData()
    //上传文件的路径和文件的名字
    //重新写成一个formdata对象一起上传给后端
    //其余的内容可以在req.body里面得到 文件内容则需要被解析后在req.files中得到
    formdata.append('covers', fs.createReadStream(req.files.file.path), req.files.file.originalFilename)
    formdata.append('name', name);
    formdata.append('introduction', introduction);
    formdata.append('type', 2);
    axios({
        url: '/user/addCollection',
        method: 'post',
        headers: {
            token: req.session.token,
        }
        ,
        data: formdata
    })
        .then(response => {
            if (response.code == 200) {
                res.send({ err: 0, msg: "修改成功" })
            }
            else if (response.code == 401) {
                res.send({
                    err: -2, msg: "身份过期"
                })
            }
            else {
                res.send({ err: -1, msg: "修改失败" })
            }
        }).catch(err => {
            res.send(err)
        })
})

上传多个图片
node端代码 遍历req.files 将其添加到formdata里面即可

router.post('/uploadUserPhoto', mult, (req, res) => {
    let formdata = new FormData()
    for (let a in req.files) {
        formdata.append('file', fs.createReadStream(req.files[a].path), req.files[a].originalFilename)//第二个参数是上传的文件名
    }
    axios({
        url: '/user/updateHeadImg',
        method: 'post',
        headers: {
            token: req.session.token
        }
        ,
        data: formdata
    })
        .then(response => {
            if (response.code == 200) {
                res.send({
                    err: 0, msg: '更新成功'
                })
            }
            else if (response.code == 401) {
                res.send({
                    err: -1, msg: "登录过期"
                })
            }
            else {
                res.send({
                    err: -2, msg: "更新头像失败"
                })
            }

        }).catch(err => {
            res.send(err)
        })
})

本周总结
这周还是在忙项目 觉得还是要和后端好好沟通清楚 不然意见可能理解到不够到位 学弟学妹马上也要开始前端学习内容了 还是要好好提高自己
下周计划
下周要把vue好好补补 项目马上要结束了 有很多功能还没实现 项目交互速度有待提高