Vue axios 上传图片

Posted 2021-01-21 火大

 

上传图片接口

// 上传图片
export const uploadBanner = formData => {
  return axios.request({
    url: ‘manage/slideshow/save‘,
    headers: {‘Content-Type‘:‘multipart/form-data‘},
    data: formData,
    method: ‘post‘
  })
}

接口调用

let formData = new FormData();
                    formData.append(‘image‘,this.selectFile);
                    formData.append(‘level‘,this.imgIndexUpload);
                uploadBanner(formData).then(res => {
                    console.log(res.data);
                    if(res.data.code == 200){
                        this.$Message.success(res.data.message);
                    } else {
                        this.$Message.success(res.data.message);
                    }
                }).catch(err => {
                    console.log(err)
                })