取消上传

src/utils/qiniu-util.js

 import {isEmptyUtils, isNotEmptyUtils, subString} from "./utils";
 import fetchQiniu from './fetch-qiniu.js';
 import { getQiniuToken1, uploadVideo, uploadImg } from './index'
+import fetch from "./fetch";
 
 let fileApiUrl = getQiniuToken1()
 //该对象有一个 unsubscribe 方法取消订阅，同时终止上传行为。
@@ -443,3 +444,7 @@ export const doUpload = (self, file, filePath, previewId, progressId, fileType)
             window.QNSubscription = subscription;
     });
 };
+// 取消上传 by bo.dang
+export const unsubscribe = () => {
+  subscription.unsubscribe();
+}

src/views/yqrange/live-manage.vue

@@ -267,7 +267,7 @@ import DownloadJS from "@/utils/download/download4";
 let vm = null;
 import BreadCrumb from "@/components/breadcrumb.vue";
 import { getPlayback, postPlayback, updateLiveStatus } from "../../utils/yqrange/yqrangeApi";
-import { doUpload, getFilePath } from "../../utils/qiniu-util";
+import { doUpload, getFilePath, unsubscribe } from "../../utils/qiniu-util";
 export default {
   components: {
     BreadCrumb
@@ -512,6 +512,8 @@ export default {
     handleLivePlaybackClose() {
       vm.dialogLivePlaybackVisible = false;
       vm.uploadFlag = false;
+      vm.delVideo();
+      closeLoading(this);
     },
 
     // 设置回放方式
@@ -667,9 +669,11 @@ export default {
         videoUrl: ""
       }];
 
-      vm.$message.success('开始上传')
+      // vm.$message.success('开始上传')
       doUpload(vm,file, getFilePath(file,null), 'preview4', 'uploadProgress1', '').then(function (path) {
-        vm.playbackForm.videos[0].videoUrl = path.fullPath;
+        if(vm.playbackForm.videos != null && vm.playbackForm.videos[0] != null){
+          vm.playbackForm.videos[0].videoUrl = path.fullPath;
+        }
         // vm.playbackForm.videos[0].videoSize =
         // vm.playbackForm.videos[0].seqNo = 0;
         // vm.playbackForm.videos[0].videoName = vm.fileName;
@@ -687,10 +691,15 @@ export default {
 
     // 删除视频
     delVideo(){
+      if(vm.uploadProgress1 > 0 && vm.uploadProgress1 < 100){
+        unsubscribe();
+      }
+      vm.uploadProgress1 = 0;
       vm.fileFlag = true;
       vm.deleteFileFlag = false;
       vm.playbackForm.videos = [];
       vm.disabledOpenFlag = false;
+
     },
 
     // 开启回放/结束回放