avue-crud的upload组件的图片尺寸大小设置

Avue-Crud是一个基于Vue.js的行政管理UI库，它包含了一个强大的upload组件用于文件上传，包括图片上传。对于图片尺寸的设置，通常不是直接内置在upload组件内部，而是需要配合前端处理库如`vue-quill-image-uploader`、`axios-file-upload`等进行自定义配置。

如果你想限制图片的尺寸，可以在上传前对图片进行预处理。这里简单提供一种通用的方法：

1. 首先，在项目中引入必要的库，并在upload组件的事件处理器中添加图片尺寸检查：

import { Uploader } from 'vue-quill-image-uploader';

export default {
  components: {
    Uploader,
  },
  data() {
    return {
      uploadOptions: {
        //...
      },
    };
  },
  methods: {
    handleImageUpload(file) {
      const reader = new FileReader();
      reader.onload = (event) => {
        const img = document.createElement('img');
        img.src = event.target.result;
        const width = img.width;
        const height = img.height;

        if (width > yourMaxWidth || height > yourMaxY) {
          // 拒绝大尺寸图片
          alert('图片尺寸过大，请调整到不超过 ' + yourMaxWidth + 'x' + yourMaxY + 'px');
          return;
        }

        // 图片尺寸正常，继续上传
        this.$refs.uploader.submit(file);
      };
      reader.readAsDataURL(file);
    }
  },
}

2. 定义`yourMaxWidth`和`yourMaxY`为你希望的最大宽度和高度值。注意这通常是前端的临时限制，服务器端最终还是需要验证和裁剪图片的。