How to calculate file upload progress in jquery?

Question

I have difficulties in understanding the progress-bar functionality of the jquery-file-upload.

What is meant by the following snippet?

.on('fileuploadprogressall', function (e, data) {
            var progress = parseInt(data.loaded / data.total * 100, 10);
            $('.progress .progress-bar').css('width', progress + '%');
        });

The questions are:

How is the progress calculated? Actually, the file name is passed to my upload controller and I save it immediately. Then how is this progress reported or by whom?
What is meant by the line, parseInt(data.loaded / data.total * 100, 10);

The original link to Jquery File Upload

bencripps · Accepted Answer · 2014-09-23 22:19:14Z

1

I think the script calculates the number of bytes which have been transported to from the client-side to the server.

The event fileupload progressall combines the information about all loading files and displays it at two variables data.loaded, and data.total.

data.loaded - how many bytes were loaded

data.total - total size transferring data to server

parseInt(data.loaded / data.total * 100, 10); //will return the percent of uploaded data

About function parseInt

edited Sep 23, 2014 at 22:19

bencripps

2,0433 gold badges20 silver badges27 bronze badges

answered Sep 10, 2014 at 13:47

Alice

14411 bronze badges

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

Comments

MtwStark · Accepted Answer · 2018-09-10 14:22:03Z

0

You should use progressall callback, but data.total could be inaccurate.

See here for a solution:

jquery fileupload inaccurare progressbar

answered Sep 10, 2018 at 14:22

MtwStark

4,0961 gold badge23 silver badges34 bronze badges

Collectives™ on Stack Overflow

How to calculate file upload progress in jquery?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related