博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js实现前端下载文件
阅读量:6120 次
发布时间:2019-06-21

本文共 926 字,大约阅读时间需要 3 分钟。

 

在前端下载文本格式的文件时,可采用下面的方式:

(1)创建基于文件内容的Blob对象;

(2)通过URL上的createObjectURL方法,将blob对象转换成一个能被浏览器解析的文件地址。

(3)将上述的文件地址指向a标签的href,并设置a标签的download属性为要保存成的文件名。

(4)点击a标签,即可下载对应的文件。

//下载文件    _download:function (filename,content){    var blob = new Blob([content], {type: 'text'});         var a =document.getElementById('downloadFtsetBtn');        if(a==undefined){            a=document.createElement('a');            a.id='downloadFtsetBtn';            a.style.display='none';            a.target='_blank';              document.body.appendChild(a);        }        try{            var URL=window.URL || window.webkitURL;            a.href=URL.createObjectURL(blob);            a.download = filename;              if (typeof navigator.msSaveBlob == "function"){  //IE                navigator.msSaveBlob(blob,filename);            }          a.click();         catch(e){
} }

 

转载于:https://www.cnblogs.com/lydialee/p/5227772.html

你可能感兴趣的文章
hdu 5115(2014北京—dp)
查看>>
数据结构中常见的树(BST二叉搜索树、AVL平衡二叉树、RBT红黑树、B-树、B+树、B*树)...
查看>>
PHP读取日志里数据方法理解
查看>>
第五十七篇、AVAssetReader和AVAssetWrite 对视频进行编码
查看>>
Vivado增量式编译
查看>>
一个很好的幻灯片效果的jquery插件--kinMaxShow
查看>>
微信支付签名配置正确,但返回-1,调不出支付界面(有的手机能调起,有的不能)...
查看>>
第二周例行报告
查看>>
多线程条件
查看>>
黄聪:VMware安装Ubuntu10.10【图解】转
查看>>
Centos 6.x 升级openssh版本
查看>>
公式推♂倒题
查看>>
vue实现点击展开,点击收起
查看>>
如何使frame能居中显示
查看>>
第k小数
查看>>
构建之法阅读笔记三
查看>>
写给对前途迷茫的朋友:五句话定会改变你的人生
查看>>
并行程序设计学习心得1——并行计算机存储
查看>>
JAVA入门到精通-第86讲-半双工/全双工
查看>>
bulk
查看>>