Vue上传文件注意事项

在模板中，使用Element-ui

<el-upload
    class="upload-demo"
    action=""
    :http-request="upload"
    :limit="1"
    :on-exceed="handleExceed"
    :on-change="handleChange"
    :file-list="fileList"
>
    <el-button round size="small">上传文件</el-button>
</el-upload>

上传方法

upload({file}){
    let formDataForm = new FormData();
    // 上传多个参数时，要把参数append到FormData实例中
    formDataForm.append("file", file);
    formDataForm.append("a", 1);
    formDataForm.append("b", 4);

    batchCreateMember(
        formDataForm   // 这里不能加中括号
    ).then((res) => {
        
    });
},

api文件中

export function upload(params) { 
    return request({
        url: 'url',
        method: "post",
        data:params,
        headers: {
            'Content-Type': "multipart/form-data"  // headers是关键
        }
    });
}