视频文件回显

# 一、数据库优化冗余字段

# 1、video表中添加一列

video_original_name varchar 100 原始文件名称

# 2、pojo中定义新增字段

Video.java、VideoVo.java、VideoForm.java

@ApiModelProperty(value = "云服务器上存储的视频文件名称")
private String videoOriginalName;

1
2

# 二、前端修改

# 1、chapter.vue

# 添加videoOriginalName的数据定义

video: {// 课时对象
  title: '',
  sort: 0,
  free: false,
  videoSourceId: '',
  videoOriginalName: ''
},

1
2
3
4
5
6
7

# 2、上传成功回调

添加对videoOriginalName的赋值

handleVodUploadSuccess(response, file, fileList) {
    this.video.videoSourceId = response.data.videoId
    this.video.videoOriginalName = file.name;
},

1
2
3
4

# 3、修改回调Video

editVideo(videoId) {
    this.dialogVideoFormVisible = true
        video.getVideoInfoById(videoId).then(response => {
        this.video = response.data.item
        this.fileList = [{'name': this.video.videoOriginalName}]
    })
},

1
2
3
4
5
6
7

# 4、删除云端video回调

handleVodRemove(file, fileList) {
    console.log(file)
    vod.removeById(this.video.videoSourceId).then(response => {
        this.video.videoSourceId = ''
        this.video.videoOriginalName = ''
        this.fileList = []
        this.$message({
            type: 'success',
            message: response.message
        })
    })
},

1
2
3
4
5
6
7
8
9
10
11
12

编辑

上次更新: 2024/06/15, 15:12:25

← 删除云端视频服务发现-搭建Eureka服务→