更新时间:2024-12-03 GMT+08:00
获取上传进度
您可以通过设置回调函数来获取上传的进度。
本示例用于上传文件到桶名为“bucketname”里,名称为“objectname”的对象并通过ProgressCallback获取上传进度。
代码示例如下所示:
// 创建ObsClient实例 var obsClient = new ObsClient({ // 认证用的ak和sk硬编码到代码中或者明文存储都有很大的安全风险,建议在配置文件或者环境变量中密文存放,使用时解密,确保安全;本示例以ak和sk保存在环境变量中为例,运行本示例前请先在本地环境中设置环境变量AccessKeyID和SecretAccessKey。 // 前端本身没有process对象,可以使用webpack类打包工具定义环境变量,就可以在代码中运行了。 // 您可以登录访问管理控制台获取访问密钥AK/SK,获取方式请参见https://support.huaweicloud.com/intl/zh-cn/usermanual-ca/ca_01_0003.html access_key_id: process.env.AccessKeyID, secret_access_key: process.env.SecretAccessKey, // 这里以中国-香港为例,其他地区请按实际情况填写 server: 'https://obs.ap-southeast-1.myhuaweicloud.com' }); var callback = function(transferredAmount, totalAmount, totalSeconds){ // 获取上传平均速率(KB/S) console.log(transferredAmount * 1.0 / totalSeconds / 1024); // 获取上传进度百分比 console.log(transferredAmount * 100.0 / totalAmount); }; obsClient.putObject({ Bucket: 'bucketname', Key: 'objectname', SourceFile: document.getElementById('input-file').files[0], ProgressCallback: callback }, function (err, result) { if(err){ console.error('Error-->' + err); }else{ console.log('Status-->' + result.CommonMsg.Status); } });
- 支持获取上传进度的接口包括:文本上传、文件上传、上传段、追加上传和断点续传上传。
父主题: 上传对象