element ui 文件上传

在 Element UI 中，文件上传是通过 `<el-upload>` 组件实现的。下面是一个简单的示例：

<template>
  <div>
    <el-upload
      class="upload-demo"
      action="/upload"
      :on-preview="handlePreview"
      :on-remove="handleRemove"
      :before-upload="beforeUpload"
      :limit="3"
      :on-exceed="handleExceed"
      :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>

<script>
export default {
  data() {
    return {
      fileList: []
    };
  },
  methods: {
    handlePreview(file) {
      console.log(file);
    },
    handleRemove(file, fileList) {
      console.log(file, fileList);
    },
    beforeUpload(file) {
      const isJPG = file.type === 'image/jpeg' || file.type === 'image/png';
      const isLt500K = file.size / 1024 < 500;

      if (!isJPG) {
        this.$message.error('只能上传jpg/png文件');
      }
      if (!isLt500K) {
        this.$message.error('文件大小不能超过500kb');
      }

      return isJPG && isLt500K;
    },
    handleExceed(files, fileList) {
      this.$message.warning('只能上传三个文件');
    }
  }
};
</script>

以上代码使用了 `<el-upload>` 组件来实现文件上传功能。其中 `action` 属性指定了文件上传的地址，`on-preview`、`on-remove`、`before-upload` 和 `on-exceed` 属性分别指定了文件预览、文件删除、上传前验证和文件数量超过限制时的处理方法。

你可以根据自己的需求修改以上代码，例如更改上传文件的类型和大小限制、修改上传地址等。