el-upload el-upload 在异步

`el-upload` 是 Element UI 提供的一个用于文件上传的组件，它支持在浏览器本地或服务器端进行异步上传操作。在异步模式下，`el-upload` 的核心特点是通过 `on-success`、`on-error` 和 `on-progress` 等回调函数处理上传过程的不同阶段：

1. `before-upload`：当用户选择文件开始上传前触发，可以在这里进行一些预处理判断，如验证文件类型或大小。

2. `uploading`：文件正在上传时触发，可以更新上传进度条，并显示上传状态给用户。

3. `success`：文件上传成功后触发，通常会接收到服务器返回的数据，可以根据这个数据做进一步处理，比如更新页面内容。

4. `error`：文件上传失败时触发，可以捕获错误信息并展示给用户，例如网络连接中断、服务器响应错误等。

5. `on-remove`：用户手动移除已上传的文件时触发，可用于清理对应的数据或资源。

使用异步模式时，你需要设置 `action` 属性指向你的服务器接口地址，并监听相应的回调函数来处理上传结果。例如：

<template>
  <el-upload
    action="your-server-api-url"
    :before-upload="beforeUpload"
    :on-success="handleSuccess"
    :on-error="handleError"
    :on-progress="handleProgress"
  >
    <el-button slot="trigger">点击上传</el-button>
  </el-upload>
</template>

<script>
export default {
  methods: {
    beforeUpload(file) {
      // 预处理逻辑
    },
    handleSuccess(response, file) {
      // 成功处理逻辑
    },
    handleError(error, file) {
      // 错误处理逻辑
    },
    handleProgress(progress, file) {
      // 进度处理逻辑
    }
  }
}
</script>