码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-12-13 00:09:21      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:pre   create   log   lob   link   内容   isp   none   records   

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格式,可以去进行一下格式化,以便在文本查看。

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

标签:pre   create   log   lob   link   内容   isp   none   records   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!