博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS下载文件的方法(浏览器兼容)
阅读量:6259 次
发布时间:2019-06-22

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

hot3.png

使用a标签的download属性:

在 HTML5 中,download 属性是 <a> 标签的新属性。

download 属性规定被下载的超链接目标。

在 <a> 标签中必须设置 href 属性。

该属性也可以设置一个值来规定下载文件的名称。所允许的值没有限制,浏览器将自动检测正确的文件扩展名并添加到文件 (.img, .pdf, .txt, .html, 等等)。

此方法不支持IE、Opera、Safari,支持Firefox、google浏览器

想要做到兼容需要加条件判断是否是IE浏览器,是就做特殊处理,具体:

function download_pic() { var codeurl='文件服务器路径'; if(browserIsIe()){//假如是ie浏览器    DownLoadReportIMG(codeurl);  }else{   $("#download").attr('href', codeurl);document.getElementById("download").click();}   }    function DownLoadReportIMG(imgPathURL) {      //如果隐藏IFRAME不存在,则添加      if (!document.getElementById("IframeReportImg"))          $('').appendTo("body");      if (document.all.IframeReportImg.src != imgPathURL) {          //加载图片          document.all.IframeReportImg.src = imgPathURL;      }      else {          //图片直接另存为          DoSaveAsIMG();      }  }  function DoSaveAsIMG() {      if (document.all.IframeReportImg.src != "about:blank")          window.frames["IframeReportImg"].document.execCommand("SaveAs");  }  //判断是否为ie浏览器  function browserIsIe() {      if (!!window.ActiveXObject || "ActiveXObject" in window)          return true;      else          return false;  }

 

转载于:https://my.oschina.net/githubhty/blog/912220

你可能感兴趣的文章
关于CISCO asa5510防火墙端口映射配置
查看>>
monkey详细介绍之二
查看>>
Java 读取 .properties 配置文件
查看>>
取消文件默认打开方式
查看>>
echarts使用笔记四:双Y轴
查看>>
二分法查找
查看>>
不用加减乘除实现加法运算
查看>>
django 快速搭建blog
查看>>
矩阵快速幂总结
查看>>
Python 3.5 安装geohash库后import geohash失败
查看>>
基于V4L2的视频驱动开发(1)
查看>>
zoj 1008
查看>>
VC++ CArchive及简单的文件操作方法
查看>>
android中ListView数据混乱问题
查看>>
如何从零安装Mysql
查看>>
Appium简介及工作原理
查看>>
更换笔记本内存:自己动手修电脑(一)
查看>>
区分扫描枪输入和键盘输入的实现
查看>>
【mongdb主从复制和同步】
查看>>
下载文件downloadFile
查看>>