vue-ele-upload-video | 使得视频上传更加容易
介绍
vue-ele-upload-video 对 element-ui 中 upload 组件进一步封装,使得视频上传更加容易
效果图
在线示例
https://codepen.io/dream2023/pen/ZNVvBg/
安装
npm install vue-ele-upload-video --save
使用
// 全局引入;Vue;
// 局部引入; components: EleUploadVideo ;
示例(上传到七牛云)
Props 参数
props: // 值 value: type: String // 上传地址 action: type: String required: true // 响应处理函数 responseFn: Function // 文件大小限制(Mb) fileSize: type: Number // 显示宽度(px) width: type: Number default: 360 // 显示高度(默认auto) height: type: Number // 是否显示提示 isShowTip: type: Boolean default: true // 是否显示上传成功的提示 isShowSuccessTip: type: Boolean default: true // 文件类型 fileType: type: Array // 设置上传的请求头部(同官网) headers: Object // 支持发送 cookie 凭证信息 (同官网) withCredentials: type: Boolean default: false // 上传时附带的额外参数(同官网) data: type: Object // 上传的文件字段名 (同官网) name: type: String default: 'file' // 覆盖默认的上传行为,可以自定义上传的实现 (同官网) httpRequest: Function // 接受上传的文件类型(thumbnail-mode 模式下此参数无效)(同官网) accept: String // 删除前的操作(同官网) beforeRemove: Function