axios提交form表单

发表于   |   分类于   |  

利用axios第三方庫提交form表单数据

1.8
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
let form = new FormData();

// 例如现在有个上传的表单,利用form表单上传文件

// 取文件
let file = document.getElementById("file");
let files = file.files; // 文件对象 = 类数组的对象 { 0:File对象,1:File对象,length:2}

for(let o of files){
    form.append("file",o)
}

form.append("key",JSON.stringify({name:"caicai"})); // 传其它参数,在form里边

axios({
    url:"xxx",
    method:"post",
    data: form,
    params:{ // 地址栏传参,其它参数
      xx:"xx"  
    },
    headers:{
        "Content-Type":"multipart/form-data"
    }
})