elementui上传 文件

Element UI 提供了一个名为 ElUpload 的组件，可以用来实现文件上传功能。你可以按照以下步骤来使用它：

1. 首先，确保你已经安装了 Element UI：

npm install element-ui

2. 在需要使用上传功能的组件中引入 ElUpload 组件：

import { ElUpload } from 'element-ui';

3. 在模板中使用 ElUpload 组件：

<template>
  <div>
    <el-upload
      class="upload-demo"
      action="/your-upload-url"
      :on-success="handleSuccess"
      :before-upload="beforeUpload"
      :limit="3"
      :file-list="fileList"
    >
      <el-button size="small" type="primary">点击上传</el-button>
      <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
    </el-upload>
  </div>
</template>

其中，`:action` 属性指定了文件上传的后端接口地址，`:on-success` 属性指定了上传成功后的回调函数，`:before-upload` 属性指定了文件上传前的处理函数，`:limit` 属性指定了最大上传文件数量，`:file-list` 属性绑定了已上传的文件列表。

4. 在组件的 `methods` 中定义 `handleSuccess` 和 `beforeUpload` 方法：

methods: {
  handleSuccess(response, file, fileList) {
    // 处理上传成功后的逻辑
  },
  beforeUpload(file) {
    // 处理文件上传前的逻辑，例如限制文件类型和大小
  }
}

在 `handleSuccess` 方法中，你可以处理上传成功后的逻辑。而在 `beforeUpload` 方法中，你可以处理文件上传前的逻辑，例如限制文件类型和大小。

这样，你就可以使用 Element UI 的 ElUpload 组件来实现文件上传功能了。记得根据你的实际需求调整相关配置和处理逻辑。