vue中使用element-ui的upload上传视频

1、在vue开发中，常常有需要上传视频或者图片的需求，就需要用到element-ui的upload组件。<el-upload :actio荏鱿胫协n="MixinUploadApi" :on-progress="uploadVideoProcess" :on-success="handleVideoSuccess" :on-error="handleVideoError" :before-upload="beforeUploadVideo" :show-file-list="false">

2、在视频上传之前，需要加一个校验规则，筛选视频的大小和格式。beforeUpload外狒芙梨Video(file) { const fileSize = file.size / 1024 / 1024 < 300 if (['video/mp4', 'video/ogg', 'video/flv', 'video/avi', 'video/wmv', 'video/rmvb', 'video/mov'].indexOf(file .type) === -1) { this.$message.error('请上传正确的视频格式') return false } if (!fileSize) { this.$message.error('视频大小不能超过300MB') return false } }

6、最后，还需要增加一个删除视频的功能。handleRemoveGoodsVideo() { this.videoFlag = false this.ruleForm.videos = '' }