Display error message when invalid server response was received, chec…

…k if incorrect nginx config #164
Forceu · May 23, 2024 · 1729200 · 1729200
1 parent 5fcd264
commit 1729200
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/internal/webserver/web/static/js/admin.js b/internal/webserver/web/static/js/admin.js
@@ -31,6 +31,16 @@ Dropzone.options.uploaddropzone = {
         this.on("sending", function(file, xhr, formData) {
             isUploading = true;
         });
+
+        // Error handling for chunk upload, especially returning 413 error code (invalid nginx configuration)
+        this.on("error", function(file, errorMessage, xhr) {
+            if (xhr && xhr.status === 413) {
+                showError(file, "File too large to upload. If you are using a reverse proxy, make sure that the allowed body size is at least 50MB.");
+            } else {
+                showError(file, "Server responded with code " + xhr.status);
+            }
+        });
+
         this.on("uploadprogress", function(file, progress, bytesSent) {
             updateProgressbar(file, progress, bytesSent);
         });
@@ -45,6 +55,8 @@ Dropzone.options.uploaddropzone = {
     },
 };
 
+
+
 function updateProgressbar(file, progress, bytesSent) {
     let chunkId = file.upload.uuid;
     let container = document.getElementById(`us-container-${chunkId}`);