How to get upload progress info form http post request in node js?

Question

I would like to get upload progress information during http post request using node js http. my code is simple and it works but I am only notified when there is an error or the upload is completed. But I need to show a progress bar to the user and to do that I need to check the progress every second or so. Basically I need to have upload speed and how much of the file has been uploaded at given time.

const http = require('http');
const fs = require('fs');
const FormData = require('form-data');

function myUploadFunction(authToken,uploadPath, file) {

    const form = new FormData();
    form.append('file', fs.createReadStream(file.path));
    form.append('filename', file.name);
    form.append('parent_dir', '/');
    const requestHeaders = {
        Accept: '*/*',
        Authorization: `Token ${authToken}`,
    };
    const options = {
        host: 'myHost',
        port: 'myPort',
        path: uploadPath,
        method: 'POST',
        headers: requestHeaders,
    };
    form.submit(options, (error, response) => {

        response.setEncoding('utf8');
        response.on('data', (chunk) => {
            // this code runs only when the upload is completed and the server only send some info about the file. And only if this info is large it will send it in chunks
            logger.debug(`BODY: ${chunk}`);
        });
        response.on('end', () => {
            logger.debug('No more data in response.');
        });
    });
}

When I upload a file, nothing happens till upload is completed then I get the response and it executes response.onData and afetr that response.onEnd.

I found a working example here: github.com/form-data/form-data/pull/56/… — Besat
– Besat, Commented Aug 4, 2016 at 19:36

Moi · Accepted Answer · 2018-03-28 15:22:18Z

1

You just need to add another listener to handle the progress

    form.on('progress', (bytesReceived, bytesExpected)  => {
        logger.warn('progress bytesReceived: ', bytesReceived);
        logger.warn('progress bytesExpected: ', bytesExpected);
    });

answered Mar 28, 2018 at 15:22

Moi

111 bronze badge

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to get upload progress info form http post request in node js?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related