vue3 element-plus el-upload 上传大图片

对于上传大图片，可以考虑使用分片上传（chunk upload）的方式，将大文件拆分成多个小文件进行上传，可以有效降低上传失败的概率，提高上传速度。

Element-Plus 的 el-upload 组件支持分片上传，可以通过设置 `chunk` 属性来开启分片上传功能。同时，还可以通过设置 `chunk-size` 属性来控制每个分片的大小，以达到最佳的上传效果。

以下是一个示例代码：

<template>
  <el-upload
    class="upload-demo"
    action="/upload"
    :headers="{ Authorization: token }"
    :chunk="true"
    :chunk-size="1024 * 1024"
    :on-success="handleSuccess"
    :on-error="handleError"
    :before-upload="beforeUpload">
    <el-button size="small" type="primary">点击上传</el-button>
  </el-upload>
</template>

<script>
export default {
  methods: {
    handleSuccess(response, file, fileList) {
      console.log(response);
    },
    handleError(err, file, fileList) {
      console.log(err);
    },
    beforeUpload(file) {
      console.log(file);
    },
  },
};
</script>

在上面的代码中，我们通过设置 `chunk` 和 `chunk-size` 属性来开启分片上传，并控制每个分片的大小为 1MB。同时，我们也设置了上传成功和上传失败的回调函数，以及上传前的回调函数。

需要注意的是，分片上传需要后端接口的支持，因此在使用之前需要对后端进行相应的修改。