ApsaraVideo VOD：Upload SDK for JavaScript

Metode 1: URL unggah dan kredensial

Untuk mengonfigurasi URL unggah dan kredensial, panggil metode setUploadAuthAndAddress. Jika kredensial kedaluwarsa, sistem memicu callback onUploadTokenExpired. Dalam kasus ini, Anda harus memanggil metode resumeUploadWithAuth untuk mengonfigurasi kredensial unggah baru dan melanjutkan unggah.

// Unggah dimulai.
onUploadstarted: function (uploadInfo) {
  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)
  })
},
// Kredensial unggah kedaluwarsa.
onUploadTokenExpired: function (uploadInfo) {
  // Jika unggah file besar melebihi batas waktu saat menggunakan Metode 1 (UploadAuth),
  // panggil operasi RefreshUploadVideo berdasarkan uploadInfo.videoId dan peroleh kembali nilai UploadAuth.
  // Kemudian, panggil metode resumeUploadWithAuth. Dalam contoh ini, nilai UploadAuth langsung diperoleh karena resumeUploadWithAuth adalah metode uji coba.
  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
    uploader.resumeUploadWithAuth(uploadAuth)
    console.log('unggah kedaluwarsa dan lanjutkan unggah dengan uploadauth ' + uploadAuth)
  })
  self.statusText = 'Unggah melebihi batas waktu...'
},

Deskripsi metode

uploader.setUploadAuthAndAddress(uploadInfo, uploadAuth, uploadAddress, videoId)
uploader.resumeUploadWithAuth(uploadAuth)

Metode 2: Token STS

Untuk mengonfigurasi token STS, panggil metode setSTSToken. Jika token menjadi tidak valid, sistem memicu callback onUploadTokenExpired. Dalam kasus ini, Anda harus memanggil metode resumeUploadWithSTSToken untuk mengonfigurasi Token STS baru dan melanjutkan unggah.

 /*Metode callback - Unggah dimulai.*/
 onUploadstarted: function (uploadInfo) {
    let stsUrl = "***.***.stsUrl" /*Gunakan metode setSTSToken untuk mendapatkan token STS.*/
    axios.get(stsUrl).then(({data}) => {
          var info = data.SecurityTokenInfo
          uploader.setSTSToken(uploadInfo, info.AccessKeyId, info.AccessKeySecret, info.SecretToken);
     })
 },
/*Metode callback - Kredensial kedaluwarsa.*/
 onUploadTokenExpired: function (uploadInfo) { 
     let stsUrl = "***.***.stsUrl"  /*Gunakan metode resumeUploadWithSTSToken untuk memperbarui token STS.*/
     axios.get(stsUrl).then(({data}) => {
         var info = data.SecurityTokenInfo  
         uploader.resumeUploadWithSTSToken(info.AccessKeyId, info.AccessKeySecret, info.SecretToken);      
     })
 },

Deskripsi metode

uploader.setSTSToken(uploadInfo, accessKeyId, accessKeySecret, secretToken)
uploader.resumeUploadWithSTSToken(accessKeyId, accessKeySecret, secretToken)

JavaScript Native

 <form action="">
   <input type="file" name="file" id="files" multiple/>
 </form>
 
 <script>
   userData = '';
   document.getElementById("files")
    .addEventListener('change', function (event) {
      for(var i=0; i<event.target.files.length; i++) {
        // Kode logika.
        uploader.addFile(event.target.files[i],null,null,null,null)
      }
    });
 </script>

Vue

 <template>
  <input type="file" id="fileUpload" @change="fileChange($event)">
 </template>

<script>
  export default {
    data () {
      return {
        file: null,
      }
    },
    methods: {
      fileChange (e) {
        this.file = e.target.files[0]
        if (!this.file) {
          alert("Pilih file yang ingin Anda unggah.")
          return
        }
        var Title = this.file.name
        var userData = '{"Vod":{}}'
        if (this.uploader) {
          this.uploader.stopUpload()
        }
        // Inisialisasi uploader.
        this.uploader = this.createUploader() 
        this.uploader.addFile(this.file, null, null, null, userData)
      },
    }
  }
</script>