Dropzone js загрузка файлов застряла на 100%

Я разрабатываю веб-приложение на Tomcat и использую dropzonejs для обработки на стороне клиента. Все работает нормально, но когда я загружаю его на Amazon Elastic Beanstalks и пытаюсь что-то загрузить, он показывает мне прогресс «100 | 500». Он всегда останавливается на этом этапе и отменяется еще через 20 секунд.

Не можете найти проблему в коде? Он отлично работает на localhost.

Изображение консоли

Dropzone.myDropzone = false;

var size = 1;
Dropzone.options.myDropzone = {

    init : function() {
        var dropzone = this;
        var filetogive;
        var givename;
        var tochange;
        var overwrite = false;


        this.on("addedfile", function(file) {
            tochange = file.previewElement
                    .querySelector("[data-dz-name]");
            givename = file.name;
            console.info(givename);
            getDokumentNamen(givename);
            filetogive = file;
            console.info(file);
        });

        $("#overwritebtn").on("click", function() {
            overwrite = true;
            sendfile();
            $("#saveModal").modal("hide");
        });

    $("#uploadModal").on("hidden.bs.modal",function(){
        cleardropzone();
    });

        $("#modalinputbtn").on("click", function() {
            console.info("filetogive");
            givename = $("#modalinput").val();
            tochange.innerHTML = givename;
            dropzone.processFile(filetogive);
            $("#saveModal").modal("hide");
        });

        function sendfile() {
            console.info("sendingstatus");
            console.info(filetogive.status);
            if (filetogive.status != "error") {
                dropzone.processFile(filetogive);
            }

        }

        function cleardropzone(){
            dropzone.removeAllFiles();
        }

        this.on("renameFile", function(file) {
            alert("called renameFile");
        });

        this.on("sending", function(file, xhr, formData) {
            console.info("sending called");
            formData.append("dateiname", givename);
            console.info("givename:"+givename);
            formData.append("overwrite", overwrite);
            overwrite = false;
        });

        this.on("success",function(file){
            console.info("success");
            refreshtables();
        });
        this.on("complete",function(file){
            console.info("complete");
            refreshtables();

        });
        this.on("uploadprogress",function(file,progress,bytesSent){
            console.info("progress: "+progress+" | "+bytesSent);
        });

        console.info("finished init");
    },
    maxFilesize : size,
    paramName : "pdffile",
    addRemoveLinks: true,
    url : "UploadServlet",
    acceptedFiles : "application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,text/plain",
    parallelUploads : 1,
    autoQueue : false,
    autoProcessQueue : false,
    dictDefaultMessage : "Ziehe Dateien hierhin zum Hochladen",
    dictFallbackMessage : "Dieser Browser wird leider nicht unterstützt",
    dictFileTooBig : "Die Datei ist leider zu groß. Erlaubtes Maximum sind "+ size + " MB",
    dictInvalidFileType : "Dies ist leider der falsche Dateityp. Es werden nur .pdf,.doc,.docx und .txt Dateien unterstützt"
};

Обновлено: изменено название

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
986
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Хорошо, я сам нашел проблему. На самом деле загрузка работала нормально, но код на стороне сервера имел тупиковую блокировку, поэтому загрузка зависала на 100% и не могла достичь статуса успеха или завершения. Через 30 секунд запрос автоматически отменяется.

Не могли бы вы подробнее остановиться на этом? Что значит тупик на сервере? Я столкнулся с той же проблемой и не могу понять, в чем проблема. Меньшие загрузки работают нормально, но большие загрузки застревают.

John Hubler 05.07.2019 19:21

Другие вопросы по теме