el-upload http-request 用法

el-upload 的 http-request 属性用于指定上传文件时的请求方法和请求地址。具体用法如下：

1. 在 el-upload 组件中添加 http-request 属性，值为一个函数，该函数接收一个参数 file，表示当前上传的文件。

2. 在函数中使用 axios 或其他类似的库发送请求，将文件上传到服务器。

3. 请求成功后，可以在函数中对上传成功的文件进行处理，例如将文件地址保存到数据库中。

示例代码如下：

<el-upload
class="upload-demo"
action="/upload"
:http-request="uploadFile"
:on-success="handleSuccess"
:on-error="handleError"
:file-list="fileList"
>
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>

<script>
export default {
data() {
return {
fileList: [],
};
},
methods: {
uploadFile(file) {
const formData = new FormData();
formData.append('file', file);
return axios.post('/upload', formData);
},
handleSuccess(response, file, fileList) {
console.log('上传成功', response);
},
handleError(error, file, fileList) {
console.log('上传失败', error);
},
},
};
</script>