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

js 实现文件导出、文件下载相关推荐

前端JS/VUE如何生成Vcard或其他文件--导出任意后缀的文件
有个需求是在前端由用户输入姓名+电话,然后生成一个Vcard,也就是.vcf格式文件,就是导入手机的通讯录中,这个做手机测试的都知道.其实不一定是.vcf格式的文件,其他的格式文件也可以,如.txt等 ...
js怎么实现导出html文件,JS - 使用 FileSaver.js 实现浏览器文件导出
有时我们需要在浏览器上生成文件并保存到本地,这个借助 FileSaver.js 就可以很方便地实现. 一.基本介绍 1,FileSaver.js 功能特点 FileSaver.js是一款基于 HTML ...
原生JS实现文件自定义位置盖章功能并导出PDF
原生JS实现文件自定义位置盖章功能并导出PDF 实现原理在需要签章的文件上面创建一个div,可以通过移动这个div来确定签章位置,然后在通过获取这个位置把章子替换到这,并导出PDF,可以多次盖章! ...
服务器系统js文件报错,js服务器文件
js服务器文件内容精选换一换登录Windows操作系统的弹性云服务器时,需使用密码方式登录.因此,用户需先根据创建弹性云服务器时使用的密钥文件,获取该弹性云服务器初始安装时系统生成的管理员密码( ...
Node.js 动态表格大文件下载实践
前言最近优化了几个新人写出的动态表格文件下载接口的性能瓶颈,感觉非常有必要总结一篇文章作为文档来抛砖引玉,以促进大家学习一起写出更专业的代码. HTTP 文件下载讲具体问题之前需要先了解一些 HT ...
数据库抽取，生成CSV文件导出，CSVUtils工具类
2019独角兽企业重金招聘Python工程师标准>>> 开发背景: 最近一直在忙一个任务调度系统,需求一直没定下来,需求一直变更,调度一直改,往往复复... 等这波忙完了可以写一下关 ...
excel文件导出相应数据统计内容
这次完成了一个以excel文件导出相应数据统计内容的功能,选取其中的一个放在下面: 1.首先在资源文件夹下创建一个excel的package,并创建一个xlsx文件创建的时候要注意版本兼容问题,20 ...
js将HTML导出生成word文档
在项目开发中中,遇到将HTML导出生成word文档,刚开始在网上找了很多资料,基本都是jQuery中的插件jquery.wordexport.js,刚开始是不想用这个的,这个要引用另一个插件FileS ...
火狐使用js下载文件_如何使用Firefox Send安全地将大文件发送给任何人
火狐使用js下载文件 We may be living in the future, but sending large files over the web remains-complicated. ...

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

js 实现文件导出、文件下载相关推荐

最新文章

热门文章