// 获取上传按钮和文件输入元素
var uploadBtn = document.getElementById('uploadExcel');
var fileInput = document.getElementById('excelFile');

// 当点击上传按钮时触发文件输入的点击事件
uploadBtn.addEventListener('click', function () {
    fileInput.click();
});

// 处理文件选择事件
fileInput.addEventListener('change', function () {
    var file = this.files[0]; // 获取文件对象
    if (file) {
        // 检查文件类型
        var fileName = file.name;
        var fileExt = fileName.split('.').pop().toLowerCase();
        if (fileExt === 'xlsx' || fileExt === 'xls') {
            // 使用 FormData 上传文件
            var formData = new FormData();
            formData.append('file', file, fileName);  // 'file' 是你的服务器端期待的字段名

            // 使用 fetch 发送文件
            fetch('/api/receive-excel', {
                method: 'POST',
                body: formData  // 传递表单数据
            })
                .then(response => {
                    if (response.ok) {
                        return response.json();  // 如果上传成功，解析JSON响应
                    }
                    throw new Error('Network response was not ok.');  // 如果上传失败，抛出错误
                })
                .then(data => {
                    // 处理响应数据
                    layer.msg('上传成功!'); // 弹出成功消息
                })
                .catch(error => {
                    console.error('Upload failed:', error);
                    alert("文件上传失败!");  // 弹出失败消息
                });
        } else {
            alert("请上传Excel文件!");
        }
    }
});