<template>
<div class="container">
<div class="upload">
<div style="text-align: left;margin-top: 20px;">
<p style="margin-bottom: 10px;">视频</p>
<div class="xc_item" v-if="video_img">
<img class="coverimg" :src="video_img" />
<!-- <img class="del" src="../assets/del.png" @click="delelvideo"/> -->
</div>
<img src="../assets/videos1.png" style="height: 100px;" v-if="!video_img" @click="startup"/>
<input type="file" id="fileUpload" style="display: none;" @change="fileChange($event)">
<label class="status"> <span>{
{statusText}}</span></label>
</div>
</div>
</div>
</template>
<style scoped>
.xc_item{
display: inline-block;
position: relative;
height: 150px;
width: 150px;
margin-right: 15px;
}
.coverimg{
width: 100%;
height: 100%;
object-fit: cover;
}
.xc_item .del{
position: absolute;
top: 3px;
right: 3px;
width: 20px;
height: 20px;
}
</style>
<script>
import axios from 'axios'
import {Toast} from 'vant'
export default {
data() {
return {
api: this.defines.domain,
timeout: '',
partSize: '',
parallel: '',
retryCount: '',
retryDuration: '',
region: 'cn-shanghai',
userId: '14567899399046780',
file: null,
authProgress: 0,
uploadDisabled: true,
resumeDisabled: true,
pauseDisabled: true,
uploader: null,
statusText: '',
v_title:'',
v_filename:'',
upinfo:'',
video_img:null,
video_url:null,
}
},
comments:{
[Toast.name]:Toast
},
created() {
},
methods: {
startup(){
document.getElementById('fileUpload').click();
},
delelvideo() {
vue 阿里云视频上传
最新推荐文章于 2024-07-29 23:56:27 发布