Mostrando una barra de progreso al descargar un archivo desde el servidor

Question

Necesito mostrar una barra de progreso al usuario que solicita un archivo para descargar. Estoy usando la aplicación J2EE para generar el archivo. El usuario enviará los datos del formulario para obtener el archivo. El servidor toma todos los datos enviados manipula, genera y envía un archivo PDF de nuevo al cliente.

Así que quiero mostrar una barra de progreso al usuario hasta que el archivo llegue al lado del cliente. ¿Hay alguna manera de hacer esto?

Answer 1

Si le entiendo bien, quiere mostrar una barra de progreso hasta que su servidor esté listo para enviar un archivo, no para mostrar el progreso del archivo descargado.

Si eso es cierto, se trata de un ejercicio difícil. Una barra de progreso confiable necesita saber (bastante exactamente) lo que está haciendo y cuánto tiempo llevará. En su caso, hay muchos factores poco fiables (uno de ellos, tal vez el más grande, es la propia red).

Por lo tanto, la mayoría de los desarrolladores utilizan algún tipo de animación "interminable" para mostrar el "trabajo en progreso".

actualización

Basado en su comentario, la forma más sencilla de mostrar un "trabajo en progreso" animación se vería como

$.ajax({ 
    url:  "/myscripts/myserverscript", 
    type:  "POST", 
    data:  { 
     foo: "bar" 
    }, 
    dataType: "text", 
    beforeSend: function(xhr){ 
     // display a progress animation 
    }, 
    complete: function(xhr, status){ 
     // hide the animation 
    } 
    ... 
}); 

En el caso de una única solicitud. También puede configurar un controlador de eventos ajax global para ambos (.ajaxStart() y .ajaxStop()) para configurar el show/hide functionallity.

Referencias: .ajax(), .ajaxStart(), bar .ajaxStop()

Answer 2

progreso para la generación de archivos del servidor lado:

Suponemos que el servidor necesita muchos segundos para generar el archivo. Este evento se desencadena por la solicitud original, una operación de bloqueo. Cuando esto finalice, el archivo se habrá generado y se enviará nuevamente al cliente.

Al mismo tiempo, desea, a través de otras solicitudes (ajax), llamar al servidor y obtener un porcentaje para el archivo que se está generando actualmente para el usuario en particular.

partes el pegamento aquí son:

• cuando la solicitud original está generando el archivo que necesita para almacenar el progreso en intervalos frecuentes (es decir, cada 10%). Almacenar esta información en la sesión http funcionará bien.
• las otras solicitudes (ajax) simplemente necesitan poder extraer esta información de la sesión http
• sincronización (acceso de serialización) en la sesión http, algo que algunas aplicaciones web suelen hacer, está fuera de discusión, ya que las otras solicitudes (ajax) simplemente bloquearían hasta que la solicitud original finalizara
• en el lado del cliente, todo es html + javascript para proporcionar la interacción que necesita (barra de progreso animado). Incluso si los intervalos son muy difíciles (saltando de 10% a 20% a 30%) puede animar la barra con jQuery. Lo hice una vez en el pasado y se ve genial.

barra de progreso para la descarga de archivos:

lo mejor es dejar esto al diálogo nativo del navegador.

Answer 3

En Java simplemente envuelve un javax.swing.ProgressMonitorInputStream alrededor de la secuencia de entrada, pero tenga en cuenta que a menos que el servidor esté enviando en modo de transmisión por fragmentos, la pantalla no significará nada, ya que toda la respuesta se habrá leído en la memoria antes de que el primer byte se entregue a Java.