返回顶部

收藏

网页开发,HTML下载按钮

更多
html片段:

 <div style="display: none;">

       <iframe width="0" height="0" frameborder="0" scrolling="no" src="about:blank" id="popIframe"></iframe>

</div> 

<a href="javascript:;" onclick="download(url);">下载</a>

javascript片段:

/**有jquery支持*/

function download(url){

    $.ajaxSetup({ async: false}); //ajax请求设置成同步

    $.post("判断下载权限的链接",{"url":url},function(date){  

          if(有下载权){

              $("#popIframe").attr("src",url);

          }

     }, "json");

     $.ajaxSetup({ async: true});

}

可解决的问题:

1,要下载文件是浏览器可直接显示的文件类型时(如图片,文本等),用window.location.href=url方式(或其它等价方式),浏览器不打开下载提示框,而是直接显示出来的问题。

2,用window.open(url)方式(FF,IE都可以达到下载的目的),但却会打开新的空白窗口的问题。

3,IE浏览器中下载前必须调用ajax方法判断权限时,浏览器上面会弹出阻止的黄条提示的问题。
//该片段来自于http://outofmemory.cn

标签:jquery,javascript,网络

收藏

0人收藏

支持

0

反对

0

相关聚客文章
  1. 王思捷 发表 2016-09-06 15:20:59 Underscore对于object的extend之坑
  2. wangshuai 发表 2014-02-20 06:46:09 jquery交换两个元素的位置
  3. welpher 发表 2012-09-24 03:37:27 easy.js 正式开源
  4. w3cui 发表 2014-08-20 02:48:23 JavaScript异步编程的模式
  5. 博主 发表 2014-11-20 04:06:18 再谈弹窗那些事
  6. 博主 发表 2013-01-21 09:23:46 构建大型jQuery应用
  7. polandeme 发表 2014-04-13 02:33:21 两行代码实现tab标签
  8. 阿安 发表 2013-02-04 05:03:09 jQuery1.9中被删除的API
  9. 王子墨 发表 2011-05-14 18:03:24 jQuery 1.6 (JavaScript Library) 正式版发布
  10. 王思捷 发表 2014-11-22 13:52:26 让jQuery在移动设备上支持滑动事件(swipe)
  11. 刘晓帆 发表 2013-08-09 07:45:15 jQuery的on()方法支持的所有事件
  12. 炫意HTML5 发表 2013-07-28 15:18:26 漂亮的 jQuery tab插件(源代码)

发表评论