• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

216
Vistas
ReactJS: ¿Cómo hacer que la carga de archivos con la solicitud PUT sobreviva cuando la página se actualiza?

Estoy creando mi página web ReactJS SPA (aplicación de una sola página) que incluye una función de carga de archivos. A veces, los usuarios necesitan cargar un archivo grande (más de 5 GB) y puede tardar fácilmente más de 20 o 30 minutos.

Actualmente, una carga se logra mediante una solicitud HTTP PUT, y cuando el usuario carga un archivo en la página /new-files , aparecerá un componente de cuadro de interfaz de usuario que muestra la barra de progreso para el proceso de carga.

Mientras se carga el archivo, quiero que los usuarios puedan:

  1. Vaya a otras páginas (estoy usando react-router-dom ), cargando así otros componentes;
  2. navegador actualizar/recargar la página;

y cuando el usuario regresa a la página /new-files o cuando finaliza la recarga de la página, el usuario aún puede ver la carga en curso.

En este momento, cuando actualizo la página, elimina la solicitud PUT que está cargando el archivo.

¿Cómo puedo hacer que la carga del archivo con la solicitud PUT sobreviva a la recarga del componente funcional o la recarga de la página?

¿Es posible?

Tal vez no sea posible que la carga de archivos con la solicitud PUT sobreviva a la actualización manual de la página.

Pero creo que es posible permitir que los usuarios puedan hacer clic para abrir otros componentes de la página y volver a la página de carga de archivos y seguir viendo la barra de progreso continuar.

¿Alguna sugerencia?

almost 3 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda