ApsaraVideo VOD:Upload SDK for JavaScript

<!--  es6-promise is required for Internet Explorer. Internet Explorer 10 and later are supported. -->
  <script src="../lib/es6-promise.min.js"></script>
  <script src="../lib/aliyun-oss-sdk-6.17.1.min.js"></script>
  <script src="../aliyun-upload-sdk-1.5.7.min.js"></script>

OSS modülünü manuel olarak window.OSS değerine atayın:

import OSS from '../lib/aliyun-upload-sdk/lib/aliyun-oss-sdk-6.17.1.min'
window.OSS = OSS;
import '../lib/aliyun-upload-sdk/aliyun-upload-sdk-1.5.7.min'

uploader.stopUpload();

Yüklenen veya devam eden dosyaları yönetmek için aşağıdaki işlemleri kullanın.

• listFiles: Yükleme listesini sorgular.

  addFile aracılığıyla eklenen dosyaları döndürür. file özelliği dosya türünü belirtir. Yönetim işlemleri için dosya dizinlerini almak üzere listeyi yineleyin.

  var list = uploader.listFiles();
  for (var i=0; i<list.length; i++) {
      console.log("file:" + list[i].file.name);
  }

• deleteFile: Yüklenecek bir dosyayı kaldırır.

  uploader.deleteFile(index);//The index of the file that you want to delete. The index is returned by the listFiles operation.

• cancelFile: Bir dosyanın yüklemesini iptal eder.

  Not

  • cancelFile öğesini çağırdıktan sonra konsolda oss is cancel as error mesajı görünür. Bu, yüklenen parçaların depolama alanını kaplamasını ve maliyet oluşturmasını önler.

  • İptal edilen bir yüklemeyi sürdürmek için önce dosyayı geri yüklemek amacıyla uploader.resumeFile(index); öğesini çağırın.

  uploader.cancelFile(index);

• resumeFile: Bir dosyanın yüklemesini sürdürür.

  uploader.resumeFile(index);

• cleanList: Yükleme listesini temizler.

  uploader.cleanList();

// The upload is started.
onUploadstarted: function (uploadInfo) {
  // If you use UploadAuth to upload the file, call the uploader.setUploadAuthAndAddress method.
  // If you use UploadAuth to upload the file, call different ApsaraVideo VOD API operations to obtain uploadAuth and uploadAddress based on whether uploadInfo.videoId has a value.
  // If uploadInfo.videoId has a value, call the RefreshUploadVideo operation. Otherwise, call the CreateUploadVideo operation.
  // Take note of the following information: An operation is directly called to obtain UploadAuth because this is a test demo. In actual scenarios, you must call a specific operation to obtain UploadAuth based on whether uploadInfo.videoId has a value.
  // If uploadInfo.videoId has a value, call the RefreshUploadVideo operation.
  // If uploadInfo.videoId is empty, call the CreateUploadVideo operation.
  if (!uploadInfo.videoId) {
    let createUrl = 'https://demo-vod.cn-shanghai.aliyuncs.com/voddemo/CreateUploadVideo?Title=testvod1&FileName=aa.mp4&BusinessType=vodai&TerminalType=pc&DeviceModel=iPhone9,2&UUID=59ECA-4193-4695-94DD-7E1247288&AppVersion=1.0.0&VideoId=5bfcc7864fc14b96972842172207c9e6'
    axios.get(createUrl).then(({data}) => {
      let uploadAuth = data.UploadAuth
      let uploadAddress = data.UploadAddress
      let videoId = data.VideoId
      uploader.setUploadAuthAndAddress(uploadInfo, uploadAuth, uploadAddress,videoId)                
    })
    self.statusText = 'The file upload is started...'
    console.log("onUploadStarted:" + uploadInfo.file.name + ", endpoint:" + uploadInfo.endpoint + ", bucket:" + uploadInfo.bucket + ", object:" + uploadInfo.object)
  } else {
    // Display the breakpoint information.
    console.log(uploader.getCheckpoint(uploadInfo.file));
    // If the videoId parameter has a value, the video upload fails. The system resumes the upload from the breakpoint. You must refresh the upload credential based on the value of videoId.
    let refreshUrl = 'https://demo-vod.cn-shanghai.aliyuncs.com/voddemo/RefreshUploadVideo?BusinessType=vodai&TerminalType=pc&DeviceModel=iPhone9,2&UUID=59ECA-4193-4695-94DD-7E1247288&AppVersion=1.0.0&Title=haha1&FileName=xxx.mp4&VideoId=' + uploadInfo.videoId
    axios.get(refreshUrl).then(({data}) => {
      let uploadAuth = data.UploadAuth
      let uploadAddress = data.UploadAddress
      let videoId = data.VideoId
      uploader.setUploadAuthAndAddress(uploadInfo, uploadAuth, uploadAddress,videoId)
    })
  }
}

 uploader.getCheckpoint(file);