JavaScript如何实现文件的下载功能-js教程-PHP中文网

JavaScript如何实现文件的下载功能

不言

发布： 2018-07-14 15:57:40

原创

7720人浏览过

这篇文章主要介绍了关于javascript如何实现文件的下载功能，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下

1.H5 download属性

function downFile(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);
};

登录后复制

2.iframe方式

// if (typeof(download.iframe) == 'undefined') {
            //     var iframe = document.createElement('iframe');
            //     download.iframe = iframe;
            //     document.body.appendChild(download.iframe);
            // };
            // download.iframe.src = newdownloadUrl;
            // download.iframe.style.display = "none";

登录后复制

ShopEx助理

一个类似淘宝助理、ebay助理的客户端程序，用来方便的在本地处理商店数据，并能够在本地商店、网上商店和第三方平台之间实现数据上传下载功能的工具。功能说明如下：1.连接本地商店：您可以使用ShopEx助理连接一个本地安装的商店系统，这样就可以使用助理对本地商店的商品数据进行编辑等操作，并且数据也将存放在本地商店数据库中。默认是选择“本地未安装商店”，本地还未安

查看详情

3.form方式

立即学习“Java免费学习笔记（深入）”；

// var $eleForm = $("<form method='get'></form>");
            // $eleForm.attr("action", "https://codeload.github.com/douban/douban-client/legacy.zip/master");
            // $eleForm.attr("action", url);
            // $(document.body).append($eleForm);
            // $eleForm.submit();

登录后复制

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！