文档中心 > 容器服务

JSSDK

更新时间:2016/11/01 访问次数:32947

1、开通服务

开通服务,创建空间用于文件存储,参考接入指引

2、SDK下载

点击下面链接下载 JS SDK (含 Demo)

JS SDK

3、使用方法

window.uploadJSSDK({
    file: File,   //文件,必填,html5 file类型,不需要读数据流
    token: 'test',  //鉴权token,必填
    publishInfo: "{'type': 'item', 'contentId': 12121212, 'userId': 12121212}", //商品信息,必填
    retries: 0,  //重试次数,选填,默认0不重试
    maxSize: 0,  //上传大小限制,选填,默认0没有限制
    callback: function (percent, result) {
        //percent(上传百分比):-1失败;0-100上传的百分比;100即完成上传
        //result(服务端返回的responseText,json格式)
    }
});

如何生成 上传凭证 token?

参考 极简版SDK 第三节-服务端凭证部署

4、示例

<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="upfile.js"></script>
</head>
<body>
<div>token:<input id="token"></div>
<div>出错重试次数:<input id="retry" value="0"></div>
<div>最大文件限制:<input id="max" value="0"> 0表示没有限制</div>
<div>文件:<input id="file" type="file" multiple onchange="upload(event)"></div>
<div>反馈信息:
    <div id="console"></div>
</div>
<script>

    var uploader = uploadJSSDK;

    function upload(e){
        var files = e.target.files;
        //上传
        for(var i=0;i<files.length;i++){
            uploader({
                file: files[i],   //文件,必填,html5 file类型,不需要读数据流,
                token: document.getElementById('token').value,  //token,必填
                retries: parseInt(document.getElementById('retry').value),  //重试次数,选填,默认0不重试
                maxSize: parseInt(document.getElementById('max').value),  //上传大小限制,选填,默认0没有限制
                callback: function (percent, result) {
                    //percent(上传百分比):-1失败;0-100上传的百分比;100即完成上传
                    //result(服务端返回的responseText,json格式)
                    result = JSON.stringify(result);
                    var div = document.getElementById('console');
                    div.innerHTML += "<div>"+percent+" "+result+"</div>";
                }
            });
        }
    }

</script>
</body>
</html>

4.1 上传策略

上传策略可以参照RestAPI文档2.1节介绍。上传时必须在上传策略中指定空间名 namespace

FAQ

jssdk 上传图片请教问题!!!!!!!

返回
顶部