image.png
1、安装
npm install vue-ele-upload-video --save
2、使用
// 全局引入
import EleUploadVideo from 'vue-ele-upload-video'
Vue.component(EleUploadVideo.name, EleUploadVideo)
// 局部引入
import EleUploadVideo from 'vue-ele-upload-video'
export default {
components: {
EleUploadVideo
}
}
3、示例代码
<template>
<ele-upload-video
:data="{
token: token
}"
:fileSize="20"
@error="handleUploadError"
:responseFn="handleResponse"
style="margin: 50px"
action="https://upload.qiniup.com/"
v-model="video"
/>
</template>
<script>
import EleForm from "vue-ele-form";
import EleUploadVideo from "vue-ele-upload-video";
export default {
components: {
EleUploadVideo,
},
data() {
return {
// 上传时需要携带后台请求的token
token: "xxxx",
video: "//ali.static.yximgs.com/udata/pkg/fe/kwai_video.c8e339ab.mp4",
};
},
methods: {
handleUploadError(error) {
console.log("error", error);
},
handleResponse(response,file) {
console.log(response,file)
},
},
};
</script>
<style>
body {
background-color: #f0f2f5;
}
</style>
