JS前端下载文件

原创于 2015-07-20 17:01:29 发布 · 5.1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#js文件下载

技术同时被 2 个专栏收录

6 篇文章

订阅专栏

Javascript技术

1 篇文章

订阅专栏

本文介绍了一种不依赖服务器权限判断的前端文件下载方法，通过JavaScript直接生成文件并触发下载，适用于小文件的即时生成和下载场景。

大部分文件下载都是在服务器放置好需要下载的资源，然后由服务器配置可以下载的文件类型，由系统去判断权限。如果文件比较小，不想通过系统去判断权限给出下载地址，如何在前端完成下载功能呢？

只需要将数据准备好，然后调用以下js函数即可：

    function downloadFile(fileName, content){
        var aLink = document.createElement('a');
        var blob = new Blob([content]);
        var evt = document.createEvent("HTMLEvents");
        evt.initEvent("click", false, false);
        aLink.download = fileName;
        aLink.href = URL.createObjectURL(blob);
        aLink.dispatchEvent(evt);
    }

调用方式：downLoadFile('test.txt', "Hello world!");