- 首页 > it技术 > >
el-upload 上传文件到服务器,上传之前在before-upload中异步判断文件后缀,宽高分辨率,size大小
参考文档
https://www.shangmayuan.com/a/eb1dd60138734a2ba47bc6f6.html
- 需要在文件上传到obs之前判断视频的分辨率 宽高比例
- 但是直接从file对象中只能拿到文件的后缀格式,体积大小;
所以需要借助video来获取资源的宽高
- 通过video来获取视频的宽高 需要等到视频加载完,监听loadedmetadata事件;此处需要用到异步
- 查看 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
点击上传
推荐阅读