axios上传文件+参数

1.需要将请求头的Content-Type设置为multipart/form-data2.有时候还需要将boundry设置为当前时间戳或者---WebKitFormBoundaryVCFSAonTuDbVCoAN3.将上传的参数需要使用FormData类型数据,参数和文件以键值对形式放入FormData中//request封装export function uploadFile(fd){retur

乘风xs

3001人浏览 · 2021-10-08 15:50:54

乘风xs · 2021-10-08 15:50:54 发布

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)
}