js 实现文件导出、文件下载

1、通过创建a标签,实现下载功能

function downLoad(content,fileName){var aEle = document.createElement("a");// 创建a标签// blob = new Blob([content]); aEle.download = fileName;// 设置下载文件的文件名//aEle.href = URL.createObjectUrl(blob);aEle.href = content;// content为后台返回的下载地址aEle.click();// 设置点击事件

}
let URL ='XXXX' //下载地址
downLoad(URL ,'test.xlxs')

如果content 非下载地址,而是下载的内容。实现代码微调下即可。

function downLoad(content,fileName){var aEle = document.createElement("a");// 创建a标签blob = new Blob([content]); aEle.download = fileName;// 设置下载文件的文件名aEle.href = URL.createObjectUrl(blob);aEle.click();// 设置点击事件

}
downLoad('下载内容123123','test.txt')

2、通过H5 的 download方法

function downFile(content, filename) {var ele = document.createElement('a');// 创建下载链接ele.download = filename;//设置下载的名称ele.style.display = 'none';// 隐藏的可下载链接// 字符内容转变成blob地址var blob = new Blob([content]);ele.href = URL.createObjectURL(blob);// 绑定点击时间
    document.body.appendChild(ele);ele.click();// 然后移除
    document.body.removeChild(ele);
};

 参考地址:https://www.zhangxinxu.com/wordpress/2017/07/js-text-string-download-as-html-json-file/

转载于:https://www.cnblogs.com/phermis/p/11393144.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/363082.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

VMware Station NAT上网模式配置

转载于:https://www.cnblogs.com/MimiSnowing/p/10718235.html

JavaFX技巧10:自定义复合控件

用JavaFX编写自定义控件是一个简单直接的过程。 需要一个控件类来控制控件的状态(因此命名)。 外观需要控件的外观。 而且通常不是用于自定义外观CSS文件。 控件的常用方法是将其使用的节点隐藏在其外观类中。 例如, TextField控件使用javaf…

dell服务器安装系统注意之二.(2003/xp 的sn)

刚找回笔记,以前写的东西记了下来,是关于dell服务器上安装系统的.列表如下1、开机看画面提示,提示有“ctrm”--->当然入到去就要看提示“clean”磁盘的资料啦。(除非你不清除)---》根据提示进入-》easy setup----》提示f10保存---》ok了。…

React后台管理系统-首页Home组件

1.Home组件要显示用户总数、商品总数和订单总数,数据请求后端的 /manage/statistic/base_count.do接口,返回的是 this.state { userCount : -, productCount : -, orderCount : - } //页面挂载之后请求数据componentDidMount(){ this.loadCount(); } lo…

js 实现简单的轮询

在实际开发中,经常会有轮询的效果。 1、js实现轮询效果》使用setTimeout,clearTimeout方法 function setTimer () {let timeraxios.post(url, params).then(function (res) {if(res){console.log(res);timer setTimeout(() > {this.setTimer()}, 500…

MyBatis第一天课上笔记

[今日课程大纲]高级软件介绍(部分)MySql 数据库建库建表语句强调命名规范强调基于MVC 开发模式完成单表查询和新增Eclipse 中项目默认发布路径高级课程大纲介绍框架是什么MyBatis 简介MyBatis 搭建流程数据库连接池和JNDI 复习搭建流程详解( 全局配置文件,resultType 原理及Aut…

JAX-RS 2.0的新功能– @BeanParam批注

至少可以说JAX-RS很棒,也是我的最爱之一! 为什么? 功能丰富 直观(因此学习曲线不那么陡峭) 易于使用和开发 具有出色的RI – Jersey , RestEasy等 有足够的JAX-RS粉丝可以添加此内容! JAX…

js操作json方法总结

相对于前端的老铁来说JSon并不陌生,JSON JavaScript Object Notation 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是一种理想的数据交换格式。 json可以以对象的传递数据,也可以以字符串的形式传递数据&#xff0c…

反编译工具Reflector下载(集成FileGenerator和FileDisassembler)

Reflector是一款比较强大的反编译工具,相信很多朋友都用过它,但reflector本身有很多局限性,比如只能一个一个的查看方法等,但幸好 reflector支持插件功能目前网上有很多reflector的插件,本人找取了两个应用范围很广,并且广受好评的插 件:Reflector.FileDisassembler和Reflector…

带有自定义模块的JBoss EAP上的骆驼

Apache Camel —最好的开源集成库 Apache Camel是一个很棒的开放源代码集成库,可以用作ESB的主干或在独立的应用程序中进行系统的路由,转换或中介(请参阅:集成多个系统)。 Camel非常通用,不会迫使用户部署到…

Java中的读写锁

一、读写锁 1、初识读写锁 a)Java中的锁——Lock和synchronized中介绍的ReentrantLock和synchronized基本上都是排它锁,意味着这些锁在同一时刻只允许一个线程进行访问,而读写锁在同一时刻可以允许多个读线程访问,在写线程访问的时…

webpack——概念的引入

## 在网页中会引用哪些常见的静态资源? JS - .js .jsx .coffee .ts(TypeScript 类 C# 语言) CSS - .css .less .sass .scss Images - .jpg .png .gif .bmp .svg 字体文件(Fonts) - .svg .ttf .eot .woff .woff2 模板文…

算法题解:动态规划解0-1背包问题

概述 背包问题(Knapsack problem)是一种组合优化的NP完全问题。问题可以描述为:给定一组物品,每种物品都有自己的重量和价格,在限定的总重量内,我们如何选择,才能使得物品的总价格最高。问题的名…

Flex4中的皮肤(2): Skin State

在上一篇 中,定义了一个最简单的SkinnableComponent并为其定义了两个Skin。 对于TransitionSkin,需要在enable时有不同的展现方式,这可以通过Skin State实现。 对自定义的SkinnableComponent的修改 首先在组件中定义isEnabled属性&#xff1a…

休眠自动冲洗的黑暗面

介绍 既然我已经描述了JPA和Hibernate刷新策略的基础知识 ,我就可以继续阐明Hibernate的AUTO刷新模式的令人惊讶的行为。 并非所有查询都会触发会话刷新 许多人会认为Hibernate 总是在执行任何查询之前先刷新Session。 虽然这可能是一种更直观的方法,并…

洛谷P1636学画画

传送 这个题我们需要一个大胆的想法(虽然AC后看了题解知道这是个定理) (求证明qwq) 如果一个图有2或0个奇点,它就一定可以一笔画出,如果不是2或0个奇点,那答案就是奇点数/2 (私认为因…

理解正则

正则的应用场景很多,匹配过滤有价值的内容,所以用好正则有事半功倍的效果正则就是用有限的符号,表达无限的序列正则的一般语法就是两条斜线中间的就是正则主体,可以有许多字符表示转义字符 \是转义字符,简单字符表示自…

vue项目中z-index不起作用(将vue实例挂在到window上面)

问题描述:由于原有项目(传统项目)中嵌入新的vue组件,dialog弹出框的z-index:999999;任然不起作用; 解决办法:将vue实例挂载到window 解决代码如下: 入口文件index.js中 i…

【算法】称骨算命法

称骨算命法是唐代著名的星象预测家袁天罡称骨的预测方法。这种方法同四柱算命一样,能确定一个人一生的吉凶祸福、荣辱盛衰,准确率很高,又便于掌握和运用。 一个人出生的年、月、日、时各有定数,年、月、日、时的重量都有具体规定。…

IDE:5个最喜欢的NetBeans功能

愉快的发展……。 NetBeans具有许多有趣的功能 ,这些功能使开发非常容易,只需很少的步骤,并且可以在非常快速地将产品推向市场的情况下提供高产的环境 。 将我的谈话仅限于五个功能非常困难,而此IDE具有大量有趣的功能。 但是在…