js如何下载任意文本,可在线直接运行编辑
也许你认为下载文件是后端要做的事情,其实前端也可以下载文件,今天演示一下如何用js下载一段文本
原理就是创建一个a标签,如何将标签的地址指向一个文本 blob地址,触发点击事件,就完成了
付代码演示,可在线直接运行编辑
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>BFW.JS DEMO PAGE</title> <script> // 下载文件方法 var fileDownload = function (content, filename) { var eleLink = document.createElement('a'); eleLink.download = filename; eleLink.style.display = 'none'; // 字符内容转变成blob地址 var blob = new Blob([content]); eleLink.href = URL.createObjectURL(blob); // 触发点击 document.body.appendChild(eleLink); eleLink.click(); // 然后移除 document.body.removeChild(eleLink); }; fileDownload('测试下载文件内容', 'bfw.txt'); </script> </head> <body> 打开页面就会自动下载 </body> </html>
网友评论0