element 中upload上传

在Element UI库中，`el-upload`组件是一个用于文件上传的功能模块。它提供了一种直观的方式来处理用户上传图片、文档等文件。以下是`el-upload`的基本用法：

1. 引入组件：首先需要在Vue项目中引入`element-ui`，并导入`Upload`组件。

<script src="https://unpkg.com/@element-plus/core@2.0.3/dist/index.js"></script>

2. 在模板中使用：创建一个`el-upload`元素，并设置必要的属性，如`action`指定文件上传的URL，`onSuccess`回调处理上传成功的响应，`before-upload`则可以用来验证上传的文件。

<template>
  <el-upload
    action="your-api-url"
    :on-success="handleSuccess"
    :before-upload="beforeUpload"
  >
    <i class="el-icon-upload"></i> Click to upload
  </el-upload>
</template>

<script>
export default {
  methods: {
    handleSuccess(response) {
      console.log('Response:', response);
    },
    beforeUpload(file) {
      // 验证文件类型、大小等
      return file.type === 'image/jpeg' && file.size <= 5 * 1024 * 1024;
    },
  },
};
</script>