Avue 学习

1、图片上传，如果要改成图片卡，则listType改为：picture-card,参考 Avue

// avue-crud 增加属性 :upload-before="uploadBefore"

// 前台column
          {
            label: "证书文件",
            prop: "img",
            type: "upload",
            limit:1,
            propsHttp: {
              res: "data",
              url: "link",
            },
            canvasOption: {},
            span: 24,
            listType: "picture-img",
            tip: "只能上传jpg/png文件，且不超过500kb",
            action: "/api/cloud-resource/oss/endpoint/put-file-attach",
          },
//js 控制 
    uploadBefore(file, done, loading, column) {
      // console.log(file);
      const isJPG = file.type === "image/jpeg";
      const isLt2M = file.size / 1024 / 1024 < 2;
      if (!isJPG) {
        loading();
        return this.$message.error("上传图片只能是 JPG 格式!");
      }
      if (!isLt2M) {
        loading();
        return this.$message.error("上传图片大小不能超过 2MB!");
      }
      done()
      // this.$message.success('上传前的方法')
    },

2、视频上传

          {
            label: '视频',
            prop: 'videoSrc',
            type: 'upload',
            accept:"video/mp4",
            limit:1,
            propsHttp: {
              res: "data",
              url: "link",
            },
                        canvasOption: {},
            listType: 'picture-img',
            span: 24,
            //tip: '只能上传jpg/png用户头像，且不超过500kb',
            action: "/api/cloud-resource/oss/endpoint/put-file-attach",
          }