js创建下载文件

function downloadFile(fileName, content){
    var aLink = document.createElement(‘a‘);
    var blob = new Blob([content]);
    var evt = document.createEvent("HTMLEvents");
    // initEvent 不加后两个参数在FF下会报错, 感谢 Barret Lee 的反馈
    evt.initEvent("click", false, false);
    aLink.download = fileName;
    aLink.href = URL.createObjectURL(blob);
    aLink.dispatchEvent(evt);
}

ps: 兼容性还存在问题, Chrome直接可用, 要兼容FF和IE还需调整.

时间: 2024-10-07 17:25:27

js创建下载文件的相关文章

用JS在浏览器中创建下载文件如下可以做到

前端很多项目中,都有文件下载的需求,特别是JS生成文件内容,然后让浏览器执行下载操作(例如在线图片编辑.在线代码编辑.iPresst等 但受限于浏览器,很多情况下我们都只能给出个链接,让用户点击打开->另存为.如下面这个链接: <a href="file.js">file.js</a> 用户点击这个链接的时候,浏览器会打开并显示链接指向的文件内容,显然,这并没有实现我们的需求.HTML5中给a标签增加了一个download属性,只要有这个属性,点击这个链接

用JS在浏览器中创建下载文件

前端很多项目中,都有文件下载的需求,特别是JS生成文件内容,然后让浏览器执行下载操作(例如在线图片编辑.在线代码编辑.iPresst等 但受限于浏览器,很多情况下我们都只能给出个链接,让用户点击打开->另存为.如下面这个链接: <a href=”file.js”>file.js</a> 用户点击这个链接的时候,浏览器会打开并显示链接指向的文件内容,显然,这并没有实现我们的需求.HTML5中给a标签增加了一个download属性,只要有这个属性,点击这个链接时浏览器就不在打开链

与你相遇好幸运,Sail.js创建.sailsrc文件

在项目根目录下创建.sailsrc文件 {  "generators": {    "modules": {}  },  "hooks": {          "grunt": false,          "sockets": false,          "pubsub": false,          "grunt": false,          &

js异步下载文件请求

注意 :通常下载文件是用get请求 window.location.href=url; 但是 我们需要下载完成监听,所以必须要异步执行.用常规的ajax是不可以的.我们要用blob对象来实现1.原生的如何实现 function loadDown(query) { var url = "${ctx}/bill/billExport"+query; var xhr = new XMLHttpRequest(); xhr.open('GET', url, true);    // 也可以使用

js post 下载文件

function DownLoadPost(url,data) { if (url && data) { var form = $('<form>{{ xsrf_form_html()|safe }}</form>'); form.attr('action', url + "?rand=" + Math.random()); form.attr('method', 'post'); for (var item in data) { console

获取下载文件的路径

//下载action public void GetFile(string guid) { if (string.IsNullOrEmpty(guid)) { Response.Write("<script>alert('参数错误');</script>"); } //获取下载文件路径 string filePath = GetDownPath(guid); if (!System.IO.File.Exists(filePath)) { Response.Wri

在浏览器端用JS创建和下载文件

前端很多项目中,都有文件下载的需求,特别是JS生成文件内容,然后让浏览器执行下载操作(例如在线图片编辑.在线代码编辑.iPresst等). 但受限于浏览器,很多情况下我们都只能给出个链接,让用户点击打开->另存为.如下面这个链接: <a href="file.js">file.js</a> 用户点击这个链接的时候,浏览器会打开并显示链接指向的文件内容,显然,这并没有实现我们的需求. HTML5中给a标签增加了一个download属性,只要有这个属性,点击这

JS实现点击按钮,下载文件

PS:本文说的,并非如何用js创建流.创建文件.实现下载功能. 而是说的:你已知一个下载文件的后端接口,前端如何请求该接口,实现点击按钮.下载文件到本地.(可以是zip啦.excel啦都是一样) 有两个方法:window.open()和通过form表单来提交. 在线例子:https://hamupp.github.io/gitblog/app/jsBasic/jsButtonDownloadFile/index.html 方法一:window.open("下载文件的后端接口"); *h

两种 js下载文件的方法(转)

function DownURL(strRemoteURL, strLocalURL){ try{ var xmlHTTP = new ActiveXObject("Microsoft.XMLHTTP"); xmlHTTP.open("Get", strRemoteURL, false); xmlHTTP.send(); var adodbStream = new ActiveXObject("ADODB.Stream"); adodbStrea