开通服务,创建空间用于文件存储,参考接入指引
点击下面链接下载 JS SDK (含 Demo)
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 第三节-服务端凭证部署
<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>
上传策略可以参照RestAPI文档2.1节介绍。上传时必须在上传策略中指定空间名 namespace。