开通服务,创建空间用于文件存储,参考接入指引
点击下面链接下载 JS SDK (含 Demo)
1 2 3 4 5 6 7 8 9 10 11 | 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 第三节-服务端凭证部署
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 | <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。