JavaScript版本__上傳SDK_SDK手冊_視頻點播-阿裏雲

安裝

在頁麵上引入下麵兩個JS腳本

<script src="aliyun-sdk.min.js"></script>
<script src="vod-sdk-upload.js"></script>

創建VODUpload實例

並設置回調函數

var uploader = new VODUpload({
    // 文件上傳失敗
    'onUploadFailed': function (fileName, code, message) {
      console.log("onUploadFailed: " + fileName + code + "," + message);
    },
    // 文件上傳完成
    'onUploadSucceed': function (fileName) {
      console.log("onUploadSucceed: " + fileName);
    },
    // 文件上傳進度，單位：字節
    'onUploadProgress': function (fileName, totalSize, uploadedSize) {
        console.log("file:" + fileName + ", " + totalSize, uploadedSize, "percent:", Math.ceil(uploadedSize * 100 / totalSize));
    },
    // token超時
    'onUploadTokenExpired': function (callback) {
        console.log("onUploadTokenExpired");
    }
});

初始化

填寫賬號信息，有2種方式
- AK方式
  
  簡單但是不夠安全，建議測試環境下使用。
```
 uploader.init(accessKeyId, accessKeySecret);
```
- STS方式
  
  安全但是較為複雜，建議生產環境下使用。
```
 uploader.init(accessKeyId, accessKeySecret, secretToken, expireTime);
```

列表管理

添加上傳文件

注意：支持的文件大小<=10G

需要使用標準的input方式讓用戶選擇文件

<form action="">
<input type="file" name="file" id="files" multiple/>
</form>
userData = '';
document.getElementById("files")
     .addEventListener('change', function (event) {
       for(var i=0; i<event.target.files.length; i++) {
         // 邏輯代碼
       }
     });

獲取到用戶選擇的文件後，添加到上傳列表中

uploader.addFile(event.target.files[i],
         'https://oss-cn-hangzhou.aliyuncs.com',
         'OSSBucketName', //按實際bucket名稱填寫
         event.target.files[i].name, userData);

刪除上傳文件
```
uploader.deleteFile(name);
```
獲取上傳文件列表
```
uploader.listFiles();
```

上傳管理

開始上傳
```
 uploader.startUpload();
```
停止上傳
```
 uploader.startUpload();
```

STS方式下，Token超時恢複上傳

 uploader.resumeUploadWithToken(accessKeyId, accessKeySecret, secretToken, expireTime);

最後更新：2016-12-19 22:06:52

JavaScript版本__上傳SDK_SDK手冊_視頻點播-阿裏雲

上一篇： PYTHON-SDK__點播SDK_SDK手冊_視頻點播-阿裏雲

下一篇： android版本__上傳SDK_SDK手冊_視頻點播-阿裏雲

相關內容

熱門內容

最新內容