利用Blob, a.download, URL.createObjectURL模拟下载文件

最新推荐文章于 2024-05-17 12:05:42 发布

gerrylon007

最新推荐文章于 2024-05-17 12:05:42 发布

阅读量1.2w

点赞数 2

分类专栏： JavaScript 文章标签： Blob

本文链接：https://blog.csdn.net/butterfly5211314/article/details/60757013

版权

JavaScript 专栏收录该内容

42 篇文章 2 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>利用Blob对象创建文件</title>
</head>

<body>
    <textarea name="" id="downloadFileTextarea" cols="30" rows="10"></textarea>
    <br>
    <button id="downloadFileButton">downloadFileButton</button>
    <script>
    function downloadFile(fileName, content, blobOptions) {

        // blobOptions = {
        //     type: 'text/csv',
        //     endings: 'native' // or transparent
        // };
        blobOptions = blobOptions || {};

        var blob = new Blob([content], blobOptions);
        var a = document.createElement('a');
        a.innerHTML = fileName;

        // 指定生成的文件名
        a.download = fileName;
        a.href = URL.createObjectURL(blob);

        document.body.appendChild(a);

        var evt = document.createEvent("MouseEvents");
        evt.initEvent("click", false, false);

        a.dispatchEvent(evt);

        document.body.removeChild(a);
    }

    downloadFileButton.onclick = function() {
        downloadFile('downloadFile.txt', downloadFileTextarea.value);
    };
    </script>
</body>

</html>

gerrylon007

关注

2
点赞
踩
6

收藏

觉得还不错? 一键收藏
2
评论
利用Blob, a.download, URL.createObjectURL模拟下载文件

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>利用Blob对象创建文件</title></head><body> <textarea name="" id="downloadFileTextarea" cols=
复制链接

扫一扫