首页 > 其他 > 详细

如何在浏览器实现文件下载,保存数据?

时间:2017-12-12 22:59:47      阅读:259      评论:0      收藏:0      [点我收藏+]

html部分:

<button type="button">点我下载</button>

js部分:

                   document.querySelector(‘button‘).onclick = function(){
				var records = "这里是要下载的内容";
				downloadFn(records,‘下载.txt‘)
			}
			
			function downloadFn (content,filename){
				var blob;
				var eleLink = document.createElement(‘a‘);
				if(‘download‘ in  eleLink){
					eleLink.download = filename;
					eleLink.style.display = ‘none‘;
					blob = new Blob([content]);
					eleLink.href = window.URL.createObjectURL(blob);
					document.body.appendChild(eleLink);
					eleLink.click();
					document.body.removeChild(eleLink)
				}else{
					//浏览器兼容
					blob = new Blob([content]);
					window.navigator.msSaveOrOpenBlob(blob,filename)
				}
			}

  如果是json格式,可以去进行一下格式化,以便在文本查看。

如何在浏览器实现文件下载,保存数据?

原文:http://www.cnblogs.com/wts1/p/8029929.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!