vue-element ui 实现视频文件上传

最新推荐文章于 2024-09-25 10:31:53 发布

红烧武昌鱼

最新推荐文章于 2024-09-25 10:31:53 发布

阅读量8.6k

点赞数

分类专栏：前端 Vue 文章标签： vue-element ui 上传视频

本文链接：https://blog.csdn.net/weixin_44096961/article/details/101381117

版权

本文详细介绍了如何利用Vue-Element UI组件库实现视频文件上传功能，包括HTML结构设计、data属性配置以及methods中处理上传逻辑的方法。

摘要由CSDN通过智能技术生成

HTML代码：

<el-form-item label="上传视频介绍：" prop="videoIntroduce" style="margin-top:20px">
	<el-input v-model="temp.videoIntroduce" type='text' style='display:none'></el-input>
	<el-upload
	ref="upload"
	:headers="headers"
	action="/tools/oss/uploadVideo"
	:before-upload="onBeforeUpload"
	:on-success="uploadSuccess"
	:on-remove="handleRemoveVideo"
	:on-progress="handProgress"
	:file-list="fileList"
	:show-file-list="false"
	:auto-upload="true"
	:accept="'.mp4'"
	:limit="2">
	<el-button slot="trigger" size="small" type="primary" plain>上传视频</el-button>
	<el-button size="small" type="danger" @click="clearUpload"&