阅读97 返回首页    go 同花顺


JavaScript版本__上传SDK_SDK手册_视频点播-阿里云

  • 安装

    上传SDK下载

    在页面上引入下面两个JS脚本

    1. <script src="aliyun-sdk.min.js"></script>
    2. <script src="vod-sdk-upload.js"></script>
  • 创建VODUpload实例

    并设置回调函数

    1. var uploader = new VODUpload({
    2. // 文件上传失败
    3. 'onUploadFailed': function (fileName, code, message) {
    4. console.log("onUploadFailed: " + fileName + code + "," + message);
    5. },
    6. // 文件上传完成
    7. 'onUploadSucceed': function (fileName) {
    8. console.log("onUploadSucceed: " + fileName);
    9. },
    10. // 文件上传进度,单位:字节
    11. 'onUploadProgress': function (fileName, totalSize, uploadedSize) {
    12. console.log("file:" + fileName + ", " + totalSize, uploadedSize, "percent:", Math.ceil(uploadedSize * 100 / totalSize));
    13. },
    14. // token超时
    15. 'onUploadTokenExpired': function (callback) {
    16. console.log("onUploadTokenExpired");
    17. }
    18. });
  • 初始化

    填写账号信息,有2种方式

    • AK方式

      简单但是不够安全,建议测试环境下使用。

      1. uploader.init(accessKeyId, accessKeySecret);
    • STS方式

      安全但是较为复杂,建议生产环境下使用。

      1. uploader.init(accessKeyId, accessKeySecret, secretToken, expireTime);
  • 列表管理

    • 添加上传文件

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

      需要使用标准的input方式让用户选择文件

      1. <form action="">
      2. <input type="file" name="file" id="files" multiple/>
      3. </form>
      4. userData = '';
      5. document.getElementById("files")
      6. .addEventListener('change', function (event) {
      7. for(var i=0; i<event.target.files.length; i++) {
      8. // 逻辑代码
      9. }
      10. });

      获取到用户选择的文件后,添加到上传列表中

      1. uploader.addFile(event.target.files[i],
      2. 'https://oss-cn-hangzhou.aliyuncs.com',
      3. 'OSSBucketName', //按实际bucket名称填写
      4. event.target.files[i].name, userData);
    • 删除上传文件

      1. uploader.deleteFile(name);
    • 获取上传文件列表

      1. uploader.listFiles();
  • 上传管理

    • 开始上传

      1. uploader.startUpload();
    • 停止上传

      1. uploader.startUpload();
    • STS方式下,Token超时恢复上传

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

最后更新:2016-12-19 22:06:52

  上一篇:go PYTHON-SDK__点播SDK_SDK手册_视频点播-阿里云
  下一篇:go android版本__上传SDK_SDK手册_视频点播-阿里云