script.js

document.addEventListener('DOMContentLoaded', () => {
    const fileInput = document.getElementById('fileInput');
    const uploadButton = document.getElementById('uploadBtn');
    const fileList = document.getElementById('fileList');

    const basePath = '/khdropbox';

    uploadButton.addEventListener('click', () => {
        const files = fileInput.files;
        if (files.length > 0) {
            const formData = new FormData();
            for (let i = 0; i < files.length; i++) { 
                formData.append('files', files[i]); 
            }

            fetch(`${basePath}/upload`, {
                method: 'POST',
                body: formData,
            })
            .then(response => response.text())
            .then(message => {
                console.log(message);
                alert(message);
                loadFiles();
            })
            .catch(error => {
                console.error('Error uploading file:', error);
                alert('Error uploading file.');
            });
        } else {
            alert('Please select files.');
        }
    });

    function loadFiles() {
        fetch(`${basePath}/files`)
            .then(response => response.json())
            .then(files => {
                fileList.innerHTML = '';
                files.forEach(filename => {
                    const listItem = document.createElement('li');
                    const link = document.createElement('a');
                    link.href = `${basePath}/download/${filename}`;
                    link.textContent = filename;
                    listItem.appendChild(link);
                    fileList.appendChild(listItem);
                });
            })
            .catch(error => {
                console.error('Error loading files:', error);
                // alert('Error loading files.');
            });
    }

    loadFiles();
});