web页面添加使用excel表格批量导入功能

应用场景:注册一批数据格式相同的账号,可以通过页面注册一个个注册,但当数据量大的时候,就比较费力了,而且效率海还低,所以通过整理出固定格式的excel表格,将数据填在表格内,通过在页面导入,后台解析自动注册。

前端使用页面展示

web页面添加使用excel表格批量导入功能

html页面代码

web页面添加使用excel表格批量导入功能

js逻辑代码 

web页面添加使用excel表格批量导入功能

 调用后台接口对excel进行解析,一开始联调后台老是接收不到我传的文件,一开始我以为是我选择的组件的原因,于是换了种方式,使用了element-ui的upload组件

web页面添加使用excel表格批量导入功能

但是得到的是同样的结果,后来才注意到我给后台的参数名称和后台接收的参数名称不一致,就这个坑,我调了一下午,还叫了公司的前端大佬过来陪我看了许久许久。。。。。。。。