el-upload 上传文件到服务器,上传之前在before-upload中异步判断文件后缀,宽高分辨率,size大小

参考文档
https://www.shangmayuan.com/a/eb1dd60138734a2ba47bc6f6.html
  1. 需要在文件上传到obs之前判断视频的分辨率 宽高比例
  2. 但是直接从file对象中只能拿到文件的后缀格式,体积大小; 所以需要借助video来获取资源的宽高
  3. 通过video来获取视频的宽高 需要等到视频加载完,监听loadedmetadata事件;此处需要用到异步
  4. 查看 el-upload中before-upload说明,若返回 false 或者返回 Promise 且被 reject,则停止上传;所以在before-upload的回调方法beforeAvatarUpload中返回promise,如果验证不通过则reject停止上传,并且返回reject会自动触发on-remove方法来移除文件
videoResolution:[{width: 1920, height: 1080}, {width: 544, height: 960}]// 手动清除表单校验验证信息 validateField(formName, type) { this.$refs[formName].validateField(type); },

videoUpload.vue

    推荐阅读