修改el-upload文件大小限制

在 Vue 中使用 Element UI 的 `el-upload` 组件时，如果你想要修改文件上传的大小限制，可以在组件的配置选项里设置 `max-size` 属性。这个属性接受一个数字表示字节（Byte），或者是字符串，如 "10MB" 或 "20KB"。

以下是一个例子：

<template>
  <el-upload
    :action="uploadUrl"
    :on-change="handleChange"
    :limit="1024 * 1024" // 1MB限制，可以根据需要转换为其他单位
    :max-size="10 * 1024 * 1024" // 10MB最大文件大小
    :file-list="fileList"
  >
    <i class="el-icon-upload"></i> Click to upload
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      fileList: [],
      uploadUrl: 'your-upload-url', // 你需要替换为实际的上传接口地址
    };
  },
  methods: {
    handleChange(file) {
      console.log('File change, file size:', file.size);
    }
  }
};
</script>

在这个示例中，`max-size` 设置为了 10MB（10 * 1024 * 1024 字节）。如果用户试图上传超过这个大小的文件，就会触发 `on-error` 或者自定义的错误处理方法。