dropzone js上传文件卡在100%

时间:2018-03-13 18:42:37

标签: javascript tomcat servlets web dropzone

我正在Tomcat上开发一个Web应用程序,我正在使用dropzonejs进行客户端处理。一切都运行正常,但是当我在Amazon Elastic Beanstalks上传它并尝试上传它在进展中显示的东西时#34; 100 | 500&#34 ;.它总是在此时停止,并在20秒后被取消。

无法在代码中找到问题?它在localhost上工作正常。

Image of the console

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.log(givename);
            getDokumentNamen(givename);
            filetogive = file;
            console.log(file);
        });

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

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

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

        function sendfile() {
            console.log("sendingstatus");
            console.log(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.log("sending called");
            formData.append("dateiname", givename);
            console.log("givename:"+givename);
            formData.append("overwrite", overwrite);
            overwrite = false;
        });

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

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

        console.log("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"
};

编辑:更改了标题

1 个答案:

答案 0 :(得分:0)

好的,我自己发现了这个问题。 事实上,上传工作正常,但服务器端代码有一个死锁,因此上传卡在100%,无法达到成功或完成状态。 30秒后,请求会自动取消。