JS纯前端实现文件保存

最新推荐文章于 2024-05-24 11:50:17 发布

终不似、少年游

最新推荐文章于 2024-05-24 11:50:17 发布

阅读量3k

点赞数 2

分类专栏： web前端学习笔记文章标签： js

本文链接：https://blog.csdn.net/qq_45780380/article/details/119536761

版权

web前端学习笔记专栏收录该内容

61 篇文章 2 订阅

订阅专栏

JS纯前端实现文件保存

<body>
        <a href="" id="a">click here to download your file</a>
        <button onclick="download('file text', 'myfilename.txt', 'text/plain')">Create file</button>
</body>

<script>
function download(text, name, type) {
  var a = document.getElementById("a");
  var file = new Blob([text], {type: type});
  a.href = URL.createObjectURL(file);
  a.download = name;
  a.dispatchEvent(new MouseEvent('click', {'bubbles': false, 'cancelable': true}));
}

</script>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

终不似、少年游

关注关注

2
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
JS纯前端实现文件保存

JS纯前端实现文件保存<body> <a href="" id="a">click here to download your file</a> <button onclick="download('file text', 'myfilename.txt', 'text/plain')">Create file</button></body><script>function down
复制链接

扫一扫