js如何下载任意文本,可在线直接运行编辑

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>


{{collectdata}}

网友评论0