Help Center> Object Storage Service> SDK Reference> BrowserJS> Object Upload> Obtaining Upload Progresses
View PDF

Obtaining Upload Progresses

If you have any questions during development, post them on the Issues page of GitHub. For details about parameters and usage of each API, see the API Reference.

You can set the callback function to obtain upload progress. Sample code is as follows:

// Create an instance of ObsClient. 
var obsClient = new ObsClient({
    access_key_id: '*** Provide your Access Key ***',       
    secret_access_key: '*** Provide your Secret Key ***',       
    server : 'https://your-endpoint'
});

var callback = function(transferredAmount, totalAmount, totalSeconds){
    // Obtain the average upload rate (KB/s).
    console.log(transferredAmount * 1.0 / totalSeconds / 1024);
    // Obtain the upload progress in percentage.
    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);
       }
});

You can query the upload progress when uploading an object in text-based, file-based, multipart, appendable, or resumable mode.

Parent topic: Object Upload