Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

อัปโหลดไฟล์ HTML5 พร้อมแถบความคืบหน้าหลายตัว

เพื่อให้ทำงานถูกต้อง ต้องจัดการ event xhr progress ซึ่งยิงเมื่อรายการทั้งหมดถูกสร้างแล้ว

xhr ควรทราบว่าคุณต้องการทำอะไร:

var a = new XMLHttpRequest();
a.upload.li = li;
a.upload.addEventListener('progress', function(e) {
  var pc = parseInt(event.loaded / event.total * 100);
  this.li.find(".progressbar").width(pc);
}, false);