element-ui自定义上传图片

:http-request="uploadFile"其中uploadFile就可以是自定义的方法,具体如下:

<el-upload
                            action=""
                            class="upload-demo"
                            ref="upload"
                            name="file"
                            :show-file-list="false"
                            :auto-upload="true"
                            :http-request="uploadFile">
                        <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
</el-upload>
            uploadFile(param) {
                console.log( param.file);
                console.log(param.file.name);
                let uploadData = new FormData();
                uploadData.append('file', param.file);
                let config = {
                    headers: {
                        'Content-Type': 'multipart/form-data'
                    }
                }
                uploadImg(uploadData,config).then(data => {
                    if (data.status != 0) {
                        this.$alert(data.message);
                    } else {
                        console.log(data);
                        
                    }
                });
            },
export const uploadImg = (params,config) => { return axios.post(`${base}/csb/uploadImg`, params,config).then(res => res.data); };

猜你喜欢

转载自blog.csdn.net/plm609337931/article/details/86537098