使用Js-xlsx插件实现将.xlsx和.xls文件数据导入到前端页面表格中(一)

343 阅读1分钟

实现效果

点击导入按钮 导入一个xlsx文件或者xls文件 并判断导入的文件类型 大小 如果导入的表格文件中没有格式错误的数据 就导入成功 如果有格式错误的数据 就导入失败 并显示错误的结果 如下图
一 点击导入按钮

image.png 二 选择表格文件上传
image.png 就算限制了导入文件的类型 但是如图先点击1 再点击2 还是可以选择其他类型的文件上传 所以 必须对导入的文件在使用插件进行转换之前进行类型判断
1、 如果不是表格文件或者是表格文件但是大小超过50M 就弹出警告

image.png 2、 如果是表格文件 就进行导入 导入后判断表格文件中有没有错误的数据
1)有错的话弹出弹窗 表示表格文件中 第几条的哪个字段有什么错误

2)没有错误 就把数据追加显示在弹窗中的表格下面