产品
基础服务
视频云
人工智能
物联网
区块链
第三方服务
存储服务
云存储
网络加速
CDN
PCDN
动态加速(DCDN)
全站加速(WSA)
奇盾
企业应用
云短信
SSL证书
电子签章
支付系统
帐号服务平台
视频应用
云直播
云点播
音视频通信RTC
媒体处理
视频工具
剪辑SDK
播放SDK
云剪辑
推流SDK
内容安全
图片审核
视频审核
文本审核
音频审核
OCR识别
卡证识别
通用文本识别
车牌识别
人脸与人体识别
人脸实名认证
人脸识别
人体识别
图像技术
以图定位
AI开发平台
机器学习平台 Prophet Pro
AI能力定制平台 Prophet Lite
物联网视频
帝视
物联网平台
设备接入
设备管理
规则引擎
应用开发
边缘计算
区块链通用服务
QBaaS
开测平台
兼容性测试
真机租用
运营
消息推送
企业应用
企业直播-小虎盟
企业培训/在线教育/知识付费
教学直播-易讲
视频技术与传统教室融合
智能监控-小安
云边融合, AI使能的智能视频监控
解决方案
通用解决方案
行业解决方案
视频
通用直播解决方案
短视频解决方案
公共语音房聊天室解决方案
物联网
儿童手表音视频通话
云端NVR解决方案
数据上云
通用存储解决方案
IoT设备
摄像机
门锁
安防传感
网关
个护健康
账号体系
360用户帐号体系解决方案
智慧城市
智慧社区
智慧交通
电商
电商视频解决方案
电商平台收款解决方案
教育
在线教育解决方案
互动课堂解决方案
全屋智能
智慧公寓
智慧酒店
家庭智能
智慧安防
医疗
健康看护
智能制造
工业物联网
游戏
游戏音视频解决方案
帮助支持
关于我们
技术社区
控制台
登录
注册
云存储
云直播
产品文档
常见问题
API文档
云点播
产品文档
快速入门
API文档
CDN
产品文档
API文档
云存储
产品文档
SDK手册
API文档
互动直播
产品文档
API文档
操作指南
SDK管理
播放SDK
上传SDK
剪辑SDK
媒体处理
产品文档
API文档
帝视
产品文档
API文档
操作指南
帐号服务平台
整体介绍
SDK文档
支付平台
产品列表
产品文档
渠道接入解析
内容审核
产品文档
API文档
OCR识别
产品文档
API文档
人脸与人体识别
产品文档
API文档
SSL证书
产品说明
购买指南
电子签章
产品介绍
接入流程
云短信
接口文档
物联网平台
产品简介
快速入门
小虎盟
产品介绍
OBS使用教程
产品手册
产品介绍
基本概念
编程模型
操作手册
API手册
上传过程
表单上传
分片上传初始化
分片上传传输
分片上传完成
下载过程
获取文件的内容
获取文件下载地址
批量获取下载地址
资源管理
查看资源信息
删除资源
批量删除文件
数据处理
SDK手册
PHP SDK使用指南
Web上传SDK
API手册2.0
接入须知
Bucket API
Object API
golang SDK接入示例
Python SDK接入示例
Java sdk接入示例
AWS Command Line使用示例
首页
>
开发者中心
>
云存储
>
SDK手册
>
Web上传SDK
### WEB上传SDK说明 WEB端上传SDK适用于通过浏览器(包含移动端)上传视频到智汇云, 适用于嵌入CMS、移动端H5页面上传等场景; 直播云WEB上传SDK,在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃主流IE浏览器,延用原来的FLASH运行时,兼容IE6+,Andorid 4+,IOS 6+。 注意:本文档适合面向考虑使用云存储上传Web SDK进行开发并具备javascript语言基础的开发人员; WEB上传SDK使用大致流程如下:  如上图,需要开发人员获取到Access Key / Secret Access Key,在业务服务端和智汇云服务端验证通过后再进入上传流程,上传时此SDK更关注上传的过程,其他转码参数等属性仍然需要服务端进行交互; ### demo如下 ``` <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="https://s5.ssl.qhres.com/!327ba194/webuploader.css"> </head> <body> <div> <div id="uploader" class="wu-example"> <!--用来存放文件信息--> <div id="thelist" class="uploader-list"></div> <div class="btns"> <div id="picker">选择文件</div> <button id="ctlBtn" class="btn btn-default">开始上传</button> </div> </div> </div> </body> <script type="text/javascript" src="https://lib.baomitu.com/jquery/1.12.4/jquery.min.js"></script> <!-- <script type="text/javascript" src="/static/js/webuploader.js"></script> --> <script type="text/javascript" src="https://s2.ssl.qhres.com/!247c76ff/s3webuploader.js"></script> <script type="text/javascript"> var uploader = S3WebUploader.create({ // 选择文件的按钮。可选。 // 内部根据当前运行是创建,可能是input元素,也可能是flash. pick: '#picker', swf:"/static/swf/Uploader.swf", // 不压缩image, 默认如果是jpeg,文件上传前会压缩一下再上传 auto: true, sendAsBinary: true, formData:{}, compress: false, prepareNextFile: true, threads: 10, fileNumLimit: 10, fileSingleSizeLimit: 5000 * 1024 * 1024, insertOnly:1,//是否覆盖文件 1覆盖 0不覆盖 getUploadurl:"/test/oss" //此上传地址需要通过从业务服务端获取传入,具体可以参考云点播上传API接口 }); uploader.on("fileQueued",(function(file) { })) uploader.on("uploadSuccess",(function(file) { console.log("成功"); })) uploader.on("uploadBeforeSend",(function(object, data , headers) { })) uploader.on("uploadError",(function(file, reason) { console.log("失败"); console.log(file); console.log(reason); })) uploader.on("error",(function(type) { console.log(type); })) </script> </html> ``` #### 详细接口说明 S3WebUploader 入口类 var uploader = S3WebUploader.create(obj); 参数说明: - pick: [默认值:undefined] 指定选择文件的按钮容器,不指定则不创建按钮。 - swf: flash 文件地址。 - auto: [默认值:false]是否自动上传。 - sendAsBinary: [默认值:false]是否以二进制上传。 - formData: 上传附带的参数。 - threads: 分片路数,建议在20以内。 - fileNumLimit: 同时上传文件限制个数。 - insertOnly: [默认值:1]是否覆盖已有文件 1:覆盖 0:不覆盖 - getUploadurl: 请求服务端获取上传地址。 - autoCommit: [默认值:true]分片上传完成后是否自动合并。 ### 事件说明: uploader.on("fileQueued",(function(file) {})) 事件名| 参数说明|描述 ---|---|--- beforeFileQueued | file | 当文件被加入队列之前触发,此事件的handler返回值为false,则此文件不会被添加进入队列。 fileQueued | file | 当文件被加入队列以后触发。 startUpload | |当开始上传流程时触发。 uploadFinished | | 当所有文件上传结束时触发。 uploadStart| file | 某个文件开始上传前触发,一个文件只会触发一次。 uploadBeforeSend| object data headers|当某个文件的分块在发送前触发,主要用来询问是否要添加附带参数,大文件在开起分片上传的前提下此事件可能会触发多次。 uploadProgress| file percentage | 上传过程中触发,携带上传进度。 uploadError| file reason | 当文件上传出错时触发。 uploadSuccess| file response | 当文件上传成功时触发。 uploadComplete| file | 不管成功或者失败,文件上传完成时触发。 getupload-success| file res | 获取到上传地址后触发。 commitSuccess |res| 合并文件完成后触发(如果设置成不自动合并则不触发) needCommit| uploadresponse| 如果设置为不自动合并 则在需要合并的时候触发 error| type | 当validate不通过时,会以派送错误事件的形式通知调用者。 ## upload upload() ⇒ undefined upload( file | fileId) ⇒ undefined 开始上传。此方法可以从初始状态调用开始上传流程,也可以从暂停状态调用,继续上传流程。 可以指定开始某一个文件。
即刻开始使用
只需完成注册与实名认证,即可体验我们的贴心服务
立即注册
请您联系我们
邮箱
g-zyun@360.cn
电话
010-56821952
给我们留言
您的姓名
手机号
公司名称(选填)
相关产品
留言内容
需求描述
产品建议
其他
提交
登录后才可以留言哦
立即登录
去注册账号