#前端小tips# 无需跳转新页面,动态生成a标签实现下载功能

  • 我遇到的需求是下载页面上的table到本地,成Ecel格式.原本使用的控件有这个功能,但因为要在下载的同时修改Excel的sheet名和部分样式,所以就让后端做了.

  • 后端把表格做好,提供一个url给我们前端,接下来我们只要做好触发下载就行了.其实只要几行代码就可以:

动态生成a标签-->赋值href和download(最重要的就是这个href,一定要赋后端给的url)-->点击触发-->return false(这一步一定要记得,要不然就跳到新页面了)

        var a = document.createElement('a');

        a.href = downLoadUrl;

        a.download = downLoadUrl;

        a.click();

        return false;
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容