更新时间: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);
}
});
- 支持获取上传进度的接口包括:文本上传、文件上传、上传段、追加上传和断点续传上传。
父主题: 上传对象