使用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; }