dropzone.js - que - subir y descargar archivos en laravel

Carga de archivos grandes: la solicitud se cancela

Question

Estoy tratando de subir archivos de video de tamaño 40-50mb. La barra de progreso se congela en un cierto punto y si observo en la pestaña Redes en Google Chrome. La solicitud se cancela y no hay ningún error y el encabezado de respuesta HTTP está vacío.

Sin embargo, esto funciona tanto para archivos de imagen / video que están alrededor de 10-15mb.

Mi código:

Dropzone.autoDiscover = false;
var myDropzone = new Dropzone("#my-awesome-dropzone", {
        maxFiles: 1,
        parallelUploads: 100,
        acceptedFiles: ''.3gp,.3gp2,.h261,.h263,.h264,.jpgv,.jpm,.jpgm,.mp4,.mp4v,.mpg4,.mpeg,.mpg,.mpe,.m1v,.m2v,.ogv,.qt,.mov,.fli,.flv,.mks,.mkv,.wmv,.avi,.movie,.smv,.g3,.jpeg,.jpg,.jpe,.png,.btif,.sgi,.svg,.tiff,.tif'',
        previewTemplate: previewTemplate,
        previewsContainer: "#previews",
        autoProcessQueue: false,
        clickable: ".fileinput-button",
    });

PD: no es un problema del lado del servidor, ya que he intentado cargar sin Dropzone y todo funciona correctamente.

Answer 1

¿Usó la versión dropzone.js> = 4.4.0 y la solicitud ajax?

Si es así, debe configurar el timeout (en ms) en su configuración. Es especificar el valor de tiempo de espera para la solicitud xhr (ajax), y el valor predeterminado es solo 30 s.

Fuente: http://www.dropzonejs.com/#configuration

Answer 2

El primer paso es verificar con el servidor como un tiempo nginx u otras herramientas del servidor buscarán en el encabezado el tamaño del archivo y rechazarán el archivo de cierto tamaño que exceda.

Si el servidor funciona bien, entonces es debido a un problema de ancho de banda de la red. El servidor todavía dará un error que debe ser manejado por el lado del cliente. Aquí el tiempo de espera entra en acción.

Dropzone.autoDiscover = false;
var myDropzone = new Dropzone("#my-dropzone", {
        maxFiles: 1,
        timeout: 9000, /*milliseconds*/
        autoProcessQueue: false
});

myDropzone.on("sending", function(file, xhr, formData) {
  /*Called just before each file is sent*/
        xhr.ontimeout = (() => {
          /*Execute on case of timeout only*/
            console.log(''Server Timeout'')
        });
}

Answer 3

Tiene un tiempo de espera, cada vez que se supera, la solicitud se cancela, solo se pone

tiempo muerto: 180000,

en opciones

Podría ser:

Dropzone.autoDiscover = false;
var myDropzone = new Dropzone("#my-awesome-dropzone", {
        maxFiles: 1,
        timeout: 180000,
        parallelUploads: 100,
        acceptedFiles: ''.3gp,.3gp2,.h261,.h263,.h264,.jpgv,.jpm,.jpgm,.mp4,.mp4v,.mpg4,.mpeg,.mpg,.mpe,.m1v,.m2v,.ogv,.qt,.mov,.fli,.flv,.mks,.mkv,.wmv,.avi,.movie,.smv,.g3,.jpeg,.jpg,.jpe,.png,.btif,.sgi,.svg,.tiff,.tif'',
        previewTemplate: previewTemplate,
        previewsContainer: "#previews",
        autoProcessQueue: false,
        clickable: ".fileinput-button",
    });