Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

Untitled

By: a guest on May 27th, 2013  |  syntax: JavaScript  |  size: 0.77 KB  |  views: 28  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1.         input.addEventListener("change", function (evt) {
  2.        
  3.                 for (var i=0, j=this.files.length; i<j; i++) {
  4.                         file = this.files[i];
  5.                        
  6.                         formdata = new FormData();                     
  7.                         formdata.append("images[]", file);
  8.                                        
  9.                         var xhr = new XMLHttpRequest();
  10.                                 xhr.id = "progress_" + Math.floor((Math.random() * 100000));
  11.                                 xhr.addEventListener("loadstart", function(e){
  12.                                         $("#image-list").append('<progress min="0" max="100" value="0" id="'+this.id+'"></progress>');
  13.                                 });
  14.                                
  15.                                 xhr.upload.onprogress = function(e) {
  16.                                         var done = e.position || e.loaded, total = e.totalSize || e.total;
  17.                                         $("#" +this.id).attr('value',  Math.floor((e.loaded / e.total) * 100) )
  18.                                 };
  19.                                
  20.                                 xhr.open('post', 'upload.php', true);
  21.                                 xhr.send(formdata);
  22.                        
  23.                 }
  24.        
  25.         }, false);