<u-form-item label="上传视频">
<view class="add_picture">
<view class="many_photo" v-show="addVideo">
<image src="@/static/upload.png" @click="test"></image>
</view>
<view class="" v-show="showVideo" style="position: relative;">
<video :src="src" style="video; width: 320rpx; height: 220rpx;"></video>
<image src="@/static/close.png"
@click="DelImg" class="close-img"
style="height: 36rpx;"></image>
</view>
</view>
</u-form-item>
export default {
data() {
return {
src: '',
showVideo: false,
addVideo: true,
}
},
methods: {
// 点击上传视频
test: function() {
var self = this;
uni.chooseVideo({
count: 1,
sourceType: ['camera', 'album'],
success: function(res) {
console.log("选择视频成功", res)
self.showVideo = true
self.addVideo = false
self.src = res.tempFilePath;
uni.uploadFile({
// 需要上传的地址
url: '接口地址', //接口地址
// filePath 需要上传的文件
filePath: self.src,
name: 'file',
header: {
'token': self.userInfo.token, // from data
},
});
}
});
},
//右上角删除视频
DelImg() {
this.src = '',
this.showVideo = false,
this.addVideo = true
},
}
}
目前只能上传一个视频