Layui 上传 Excel 文件并实现后端数据导入

使用 Layui 上传 Excel 文件，可以通过以下步骤实现：

1. 在前端页面中添加一个文件上传的按钮和一个隐藏的 input 标签用于选择文件：

   选择文件
   

2. 使用 Layui 的 upload 组件来实现文件上传：

   layui.use('upload', function(){
     var upload = layui.upload;
   //执行实例
   var uploadInst = upload.render({
   elem: '#uploadBtn', //绑定上传按钮
   url: '/uploadExcel', //上传文件的接口地址
   accept: 'file', //允许上传的文件类型
   exts: 'xls|xlsx', //允许上传的文件后缀
   done: function(res){
   //上传完成的回调函数
   if(res.code == 0){
   layer.msg('上传成功');
   }else{
   layer.msg('上传失败');
   }
   },
   error: function(){
   //请求异常的回调函数
   layer.msg('上传失败');
   }
   });
   });

3. 在后端实现接收上传的文件，并进行处理导入操作。这里以 Node.js 和 Express 框架为例：

   const express = require('express');
   const app = express();
   const multer  = require('multer');
   const upload = multer({ dest: 'uploads/' });
   app.post('/uploadExcel', upload.single('file'), function (req, res) {
   // req.file 是上传的文件信息
   // 文件存储在 req.file.path 中
   // 在这里进行导入操作，例如使用第三方库解析 Excel 文件并插入数据库
   // 导入完成后返回结果
   res.json({ code: 0, msg: '导入成功' });
   });
   app.listen(3000, function () {
   console.log('Example app listening on port 3000!');
   });

注意事项：

• 前端需要引入 Layui 的相关文件，例如 layui.css 和 layui.js。
• 后端需要安装 multer 库来处理文件上传，可以使用 npm install multer 命令进行安装。