diff --git a/frontend/static/js/upload.js b/frontend/static/js/upload.js
index 91a29f6d..1cb92074 100644
--- a/frontend/static/js/upload.js
+++ b/frontend/static/js/upload.js
@@ -140,6 +140,12 @@ async function uploadFile(file, progressBar, statusEl, statusMessage) {
     const xhr = new XMLHttpRequest();
     xhr.open("POST", "/api/ui-upload", true);
 
+    // Attach CSRF token so the server-side CSRF middleware accepts the request.
+    const csrfToken = typeof getCsrfToken === 'function' ? getCsrfToken() : '';
+    if (csrfToken) {
+      xhr.setRequestHeader("X-CSRF-Token", csrfToken);
+    }
+
     xhr.upload.onprogress = (e) => {
       if (e.lengthComputable) {
         const percentComplete = (e.loaded / e.total) * 100;
diff --git a/frontend/templates/file_detail.html b/frontend/templates/file_detail.html
index 97c681e9..fefd1af4 100644
--- a/frontend/templates/file_detail.html
+++ b/frontend/templates/file_detail.html
@@ -599,7 +599,8 @@
         const response = await fetch(`/api/files/${fileId}/reprocess`, {
           method: 'POST',
           headers: {
-            'Content-Type': 'application/json'
+            'Content-Type': 'application/json',
+            'X-CSRF-Token': getCsrfToken()
           }
         });
 
@@ -651,7 +652,8 @@
         const response = await fetch(`/api/files/${fileId}/retry-subtask?subtask_name=${subtaskName}`, {
           method: 'POST',
           headers: {
-            'Content-Type': 'application/json'
+            'Content-Type': 'application/json',
+            'X-CSRF-Token': getCsrfToken()
           }
         });