¿Con qué frecuencia se lanza xhr.upload.onProgress?

Question

Me suscribo al evento onProgress al cargar un archivo a través de XHR. Mi barra de progreso está animada (a través de jQuery) para proporcionar una mejor estética visual.

onProgress parece disparar muy rápidamente, por lo que se preguntó la frecuencia con la que en realidad es despedido de manera que de alguna manera me puedo idear un proceso mediante el cual puedo estrangular las respuestas a esta para que pueda tener una animación continua barra de progreso

Answer 1

Consulte el jQuery throttle/debounce plugin para limitar las llamadas a su onprogress devolución de llamada.

demostraciones de estrangulación: http://benalman.com/code/projects/jquery-throttle-debounce/examples/throttle/

Su código sería algo como esto:

xhr.upload.onprogress = $.throttle(100, function (event) 
{ 
    // update the progress bar 
}); 

Answer 2

_.throttle(function, wait)

UnderscoreJS tiene utilidades para las funciones de aceleración.

La cantidad real onProgress que se activa es específica del navegador, por lo que es mejor acelerar la devolución de llamada real en una solución basada en el tiempo.

Answer 3

mientras se extiende jQuery puede ser beneficioso; para algo tan simple, extender jQuery no vale la pena. Una solución efectiva para limitar las llamadas a funciones podría escribirse como:

xhr.upload.onprogress = function(event) { 
    // limit calls to this function 
    if (!this.NextSecond) this.NextSecond = 0; 
    if (Date.getTime() < this.NextSecond) return; 
    this.NextSecond = Date.getTime() + 1000; 

    // this code gets executed at least one second apart from the last time 
}