更新 import-class.html

app/templates/import-class.html

@@ -80,56 +80,12 @@
     </div>
 </div>
 
-<script src="/static/jquery.min.js"></script> <!-- 确保已经引入jQuery -->
+<script src="/static/jquery.min.js"></script>
 <script src="/static/layui.js"></script>
 <script src="/static/js/menu.js"></script>
 <script src="/static/js/logout.js"></script>
+<script src="/static/js/upload_excel.js"></script>
 <script>
-    // 获取上传按钮和文件输入元素
-    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文件!");
-            }
-        }
-    });
 </script>
 
 </body>