progress event in a for loop (javascript)

Asked Jun 25 '16 at 12:18

Active Jun 25 '16 at 12:33

Viewed 18 times

I want to add different progress bars for multiple file uploads.
See the code below

//Suppose total files uploaded = 5
for(i= 0; i < 5; i++){
   var ajax = new XMLHttpRequest();
    ajax.upload.addEventListener('progress',function(){console.log(i)},false);
    .....
    }

In console it prints only 5 .Can some one explain why it doesn't print 0.1.2.3.4. When first file is being uploaded . It should show 0 . & same for 2 , 3 ,4 ,5 files
How can i separate progress for each file?

edited Jun 25 '16 at 12:33

asked Jun 25 '16 at 12:18

wordpress user

`console.log[i]` doesn't make any sense, check your code. – Aurel Bílý Jun 25 '16 at 12:31
sorry console.log(i) – wordpress user Jun 25 '16 at 12:32
1

Because the loop is executed much faster than the callbacks and at that time `i` is 5. – Ram Jun 25 '16 at 12:34

progress event in a for loop (javascript)

0 Answers0