Function uploadFile

explorer/src/js/uploads.js:44–86

(file)

    }

    function uploadFile(file) {
        let formData = new FormData();
        formData.append('file', file);

        let appendElem = document.getElementById('append');
        let appendValue = appendElem.value;
        if (appendValue) {
            formData.append('append', appendValue);
        }

        let xhr = new XMLHttpRequest();
        xhr.open('POST', `${window.baseUrlPath}connections/upload/`, true);
        xhr.setRequestHeader('X-CSRFToken', getCsrfToken());

        xhr.upload.onprogress = function(event) {
            if (event.lengthComputable) {
                let percentComplete = (event.loaded / event.total) * 100;
                progressBar.style.width = percentComplete + '%';
                progressBar.setAttribute('aria-valuenow', percentComplete);
                progressBar.innerHTML = percentComplete.toFixed(0) + '%';
                if (percentComplete > 99) {
                    uploadStatus.innerHTML = "Upload complete. Parsing and saving to S3...";
                }
            }
        };

        xhr.onload = function() {
            if (xhr.status === 200) {
                let highlightValue = appendValue ? appendElem.options[appendElem.selectedIndex].text : file.name.substring(0, file.name.lastIndexOf('.')) || file.name;
                 window.location.href = `../?highlight=${encodeURIComponent(highlightValue)}`;
            } else {
                console.error('Error:', xhr.response);
                uploadStatus.innerHTML = xhr.response;
            }
        };

        xhr.onerror = function() {
            console.error('Error:', xhr.statusText);
            uploadStatus.innerHTML = xhr.response;
        };

        xhr.send(formData);
    }

    let testConnBtn = document.getElementById("test-connection-btn");
    if (testConnBtn) {