1.初始化DOM
- 为了承载相关功能需要在html或者相关页面模板中准备一系列dom元素 具体如下
<input type="file" id="upload"/> <!--文件上传域 -->
<input type="text" id='rename'> <!--用于承载文件名称的input 可用于修改上传文件标题 若用不到可设置为隐藏 -->
<button id="confirm" class="saveBtn">保存</button> <!--上传成功后用于保存文件的按钮 -->
2.生成鉴权信息
- 调用具体的方法之前首先需要开发者在服务端采用规定的方法生成鉴权信息 具体生产方法请参照
API鉴权方案
3.初始化配置
- 调用 vhallCloudDemandSDK() 方法实例化上传功能
vhallCloudDemandSDK('#upload',{
params: {
confirmBtn:'#confirm', //保存按钮
name:'#rename',//用于修改文件名称的input
sign:signTag.str, //生成的鉴权信息
signed_at:signTag.time, //鉴权信息生成的时间戳
app_id:appId //用户的appid
},
ready: function() {
/**
* 初始化完成的回调函数
**/
},
beforeUpload:function() {
/**
* 准备中...(文件进行MD5转换过程)
* 可以已loader形式展现该过程
**/
},
progress:function(percent, file){
/**
* 上传中...'
* 'percent 上传进度百分比'
* 'file 上传文档具体信息
**/
},
uploadSuccess: function(res){
/**
* 上传成功!'
**/
},
saveSuccess:function(res) {
/**
* 点击保存按钮后保存成功'
* res返回record_id
**/
},
error: function(msg,file,e){
/**
* 上传出错'
* 'msg 错误返回的状态码信息'
**/
}
})
4.文件上传
- 完成上述步骤后,即完成所有的上传接口调用。当用户选择上传文件后,将通过相关事件触发相关回调并完成文件的上传。
5. 断点续传
- 当文件上传中断后,用户只需重新选择文件提交即可恢复上传。
6. 其他
参数 |
含义 |
confirmBtn |
保存按钮的ID名以#开头 |
name |
用于重命名的input的ID名以#开头 |
sign |
按照规则生成的鉴权信息 |
signed_at |
鉴权信息生成的时间戳 |
app_id |
用户的appId |
错误码 |
含义 |
10000 |
当前浏览器不支持断点上传 |
10001 |
初始化元素请传入类似于"#id"选择器 |
10002 |
确认按钮请传入类似于"#id"选择器 |
10003 |
重命名元素请传入类似于"#id"选择器 |
10004 |
options参数应该为对象类型 |
10005 |
当前传入的初始化dom不是input file |
10006 |
不支持该文件格式 |
10007 |
上传文件大于5GB |
10008 |
获取上传临时授权失败 |
10009 |
当前账号无上传权限 |
10010 |
请确认确认按钮dom是否存在 |
10011 |
视频名称不符合规范 |
10012 |
请选择需要上传的文件 |