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

阅读: 评论: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 = ateElement('a');if('download' in  eleLink){eleLink.download = filename;eleLink.style.display = 'none';blob = new Blob([content]);eleLink.href = ateObjectURL(blob);document.body.appendChild(eleLink);eleLink.click();veChild(eleLink)}else{//浏览器兼容blob = new Blob([content]);window.navigator.msSaveOrOpenBlob(blob,filename)}}

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

转载于:.html

本文发布于:2024-02-01 00:02:46,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/170671696632360.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

上一篇:JUC
标签:浏览器   文件   数据   如何在
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23