vue3，el-upload上传大小超过60M的大幅图片

在Vue3中，可以使用el-upload组件上传大小超过60M的大幅图片。但是需要注意的是，默认情况下，el-upload组件有一个最大上传文件大小的限制，这个限制可以在组件中进行配置。

以下是一个上传大小超过60M的大幅图片的el-upload组件的示例代码：

<template>
  <el-upload
    class="upload-demo"
    action="/upload"
    :on-exceed="handleExceed"
    :before-upload="beforeUpload"
    :limit-size="100000000"
    :file-list="fileList"
    multiple>
    <el-button size="small" type="primary">点击上传</el-button>
    <div slot="tip" class="el-upload__tip">只能上传不超过 100MB 的文件</div>
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      fileList: []
    }
  },
  methods: {
    handleExceed(files, fileList) {
      this.$message.warning(`文件数量超过限制，只能上传一个文件`);
    },
    beforeUpload(file) {
      const isJPG = file.type === 'image/jpeg';
      const isLt100M = file.size / 1024 / 1024 < 100;
      if (!isJPG) {
        this.$message.error('上传图片只能是 JPG 格式!');
      }
      if (!isLt100M) {
        this.$message.error('上传图片大小不能超过 100MB!');
      }
      return isJPG && isLt100M;
    }
  }
}
</script>

在上面的代码中，我们通过在el-upload组件中设置limit-size属性来设置最大上传文件大小。同时，我们在beforeUpload方法中对上传的文件进行了格式和大小的判断，如果不符合要求则会弹出提示框。如果需要上传的文件数量超过限制，则会触发handleExceed方法。