JS下载文件的方法（浏览器兼容）

最新推荐文章于 2024-08-12 10:26:26 发布

weixin_33845477

最新推荐文章于 2024-08-12 10:26:26 发布

阅读量859

点赞数 1

文章标签： python 前端 ViewUI

原文链接：https://my.oschina.net/githubhty/blog/912220

版权

2019独角兽企业重金招聘Python工程师标准>>>

使用a标签的download属性:

<a id='download' download='qrcode.jpg' style="display:none">下载</a>

在 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"))  
        $('<iframe style="display:none;" id="IframeReportImg" name="IframeReportImg" onload="DoSaveAsIMG();" width="0" height="0" src="about:blank"></iframe>').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