前端下载excel文件功能的三种方法

20 篇文章 0 订阅


1 从后端接收json数据,前端处理生成excel下载

JsonExportExcel的github地址:https://github.com/cuikangjie/JsonExportExcel

这种方式比较适用于该数据需要能够导出下载并且同时要展现在页面的场景


https://www.cnblogs.com/tanwei81/p/6934834.html  这有个demo


原理:就是创建一个table文件,在创建一个excel文件,把table文件放到excel文件中中,然后excel文件放到浏览器上,然后创建a标签并插入html中,href指向这个浏览的地址,downloa指明文件的名字,最后移除这个节点。


<br style='mso-data-placement:same-cell;'/>
无法换行的话加这个

記住一點:无法合并行,所以只能在一行中 想办法换行,合并和会出现问题(tr貌似成了行内了),


2 通过form表单接收文件

如果后端已经处理成了excel,就不需要前端在处理生成,但是Ajax能够返回的数据格式只能为html,script,json,xml,不能直接接受excel文件,如果你直接通过ajax去获取文件就会报错。但是我们可以利用表单可以支持文件传输的特性,通过表单进行请求提交,就可以顺利接受到文件啦。

1
2
3
4
< form  action='ajax_url'>
     < input  type="text" name="yourname" value="yourvalue">
     < input  type="submit" value="提交">
  </ form >

当页面上不能出现form表单展示时,可以通过设置一个隐藏的form表单获取excel

3 从后端接受文件地址,设置href下载

这种方法同样是通过后端来生成excel文件,但 并不直接返回excel文件,前端通过向后端发送ajax请求返回一个用于下载excel文件的地址,在页面上设置a标签的href为返回的地址即可

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值