开通服务,创建空间用于文件存储,参考接入指引
点击下面链接下载 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。