js通过 URL下载文件

页面上一个button,点击之后触发一个function去请求数据,返回 pdf/epub 的URL,然后下载这个文件.

本来是直接用 a 写的,href里放资源地址,target设为'_blank'效果良好.但这样所有的资源都会直接暴露而且不方便统计,所以就换用上面的方式.

1. js构造a标签,js触发click.不加_blank是可以的,但会替换掉原来整个页面.加了_blank chrome就拦截,Safari无效果.

2. 用iframe,src填入资源地址. 但这样Safari无效果. 且,如果是MP4/pdf这样的文件浏览器并没有下载而是直接打开.

3. window.open 被拦截

最想要的效果是点击下载按钮,原页面无改动无刷新,直接下载资源.移动版在新页面下载,触发下载自动关闭新页面.

解决办法:使用第一种方式,js构造a标签,js触发click.在a标签中加入download属性

jsp页面:

1 <div class="controls chzn-select fn-left">
2     <button class="button button-flat-primary button-rounded"     type="button" id="export-self-static">导出
3     </button>
4 </div>
5 
6 <a id="exportInfoForm" style="display: none;" download><li id="ex-li">公式管理</li></a>

js页面:

1 $('#export-static').unbind('click').bind('click',function(){
2 exports.exportSelfStatistics();
3 });
4 
5 var url = contextPath+"statistics/self/detail/export?" + new Date().getTime()+param;
6 $('#exportInfoForm').attr("href", Util.appEncodeURL(url));
7 $('#ex-li').trigger("click");