axios上传文件+参数

1.需要将请求头的Content-Type设置为multipart/form-data

2.有时候还需要将boundry设置为当前时间戳或者---WebKitFormBoundaryVCFSAonTuDbVCoAN

3.将上传的参数需要使用FormData类型数据,参数和文件以键值对形式放入FormData中

//request封装
export function uploadFile(fd){
    return request({
        url: ...,
        method: 'POST',
        data: fd,
        header: { 'Content-Type':'multipart/form-data; boundary=----WebKitFormBoundaryVCFSAonTuDbVCoAN'}
    })
}

//组价中使用

async myupload(){
    const fd = new FormData()
    fd.append('params1',...)
    fd.append('file', this.file)
    const res = uploadFile(fd)
    console.log(res)
}

上一篇:springmvc:文件的上传与下载


下一篇:Egg.js学习与实战系列 · 文件上传配置