JS下载⽂件的⽅法(浏览器兼容)
使⽤a标签的download属性:
<a id='download' download='qrcode.jpg' >下载</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);
}
}
function DownLoadReportIMG(imgPathURL) {
//如果隐藏IFRAME不存在,则添加
if (!ElementById("IframeReportImg"))
$('<iframe id="IframeReportImg" name="IframeReportImg" onload="DoSaveAsIMG();" width="0" height="0" src="about:blank"></iframe if (document.all.IframeReportImg.src != imgPathURL) {
//加载图⽚
document.all.IframeReportImg.src = imgPathURL;
}
else {
//图⽚直接另存为
DoSaveAsIMG();
}
}
function DoSaveAsIMG() {
如何下载javascriptif (document.all.IframeReportImg.src != "about:blank")
window.frames["IframeReportImg"].Command("SaveAs");
}
//判断是否为ie浏览器
function browserIsIe() {
if (!!window.ActiveXObject || "ActiveXObject" in window)
return true;
else
return false;
}
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论