el-upload上传压缩好的图片、视频文件

您好，对于el-upload上传压缩好的图片、视频文件，可以按照以下步骤进行操作：

1. 在el-upload组件中设置accept属性为'image/*,video/*'，以允许上传图片和视频文件。

2. 在上传前，使用JSZip库将需要上传的文件进行压缩。

3. 将压缩后的文件作为参数传递给el-upload组件的before-upload方法。

4. 在服务端接收到文件后，解压缩并保存。

以下是一个示例代码：

<template>
  <el-upload
    class="upload-demo"
    action="/upload"
    :before-upload="beforeUpload"
    :on-success="onSuccess"
    :on-error="onError"
    :auto-upload="false"
    :multiple="true"
    :accept="'image/*,video/*'"
  >
    <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
    <el-button style="margin-left: 10px;" size="small" type="success" @click="uploadFiles">上传文件</el-button>
  </el-upload>
</template>

<script>
import JSZip from 'jszip';

export default {
  methods: {
    beforeUpload(file) {
      // 使用JSZip库进行压缩
      const zip = new JSZip();
      zip.file(file.name, file);
      zip.generateAsync({ type: 'blob' }).then((blob) => {
        // 将压缩后的文件作为参数传递给el-upload组件的before-upload方法
        this.$refs.upload.uploadFiles([{
          name: file.name + '.zip',
          raw: blob,
        }]);
      });
      // 阻止默认的上传行为
      return false;
    },
    uploadFiles() {
      // 手动触发上传
      this.$refs.upload.submit();
    },
    onSuccess(response, file, fileList) {
      // 文件上传成功后的处理逻辑
      // ...
    },
    onError(err, file, fileList) {
      // 文件上传失败后的处理逻辑
      // ...
    },
  },
};
</script>

希望对您有所帮助！