文档：服务端SDK->Java SDK->媒资管理
https://help.aliyun.com/document_detail/61065.html?spm=a2c4g.11186623.6.831.654b3815cIxvma#h2—div-id-deletevideo-div-7

一、后端

1、service

接口

  1. void removeVideo(String videoId);

实现

  1. @Override
  2. public void removeVideo(String videoId) {
  3.   try{
  4.       DefaultAcsClient client = AliyunVodSDKUtils.initVodClient(
  5.           ConstantPropertiesUtil.ACCESS_KEY_ID,
  6.           ConstantPropertiesUtil.ACCESS_KEY_SECRET);
  9.       DeleteVideoRequest request = new DeleteVideoRequest();
  12.       request.setVideoIds(videoId);
  15.       DeleteVideoResponse response = client.getAcsResponse(request);
  18.       System.out.print("RequestId = " + response.getRequestId() + "\n");
  21.   }catch (ClientException e){
  22.       throw new GuliException(20001, "视频删除失败");
  23.   }
  25. }

2、controller

  1. @DeleteMapping("{videoId}")
  2. public R removeVideo(@ApiParam(name = "videoId", value = "云端视频id", required = true)
  3.                     @PathVariable String videoId){
  6.    videoService.removeVideo(videoId);
  7.    return R.ok().message("视频删除成功");
  9. }

二、前端

1、定义api

api/edu/vod.js

  1. import request from '@/utils/request'
  3. const api_name = '/admin/vod/video'
  5. export default {
  6.   removeById(id) {
  7.     return request({
  8.       url: `${api_name}/${id}`,
  9.       method: 'delete'
  10.     })
  11.   }
  13. }

2、组件方法

views/edu/course/chapter.vue

import vod from '@/api/edu/vod'


beforeVodRemove(file, fileList) {
  return this.$confirm(`确定移除 ${file.name}？`)
},
handleVodRemove(file, fileList) {
  console.log(file)
  vod.removeById(this.video.videoSourceId).then(response=>{
    this.$message({
      type: 'success',
      message: response.message
    })
  })

},