返回顶部

收藏

网页开发,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. Kayo 发表 2014-01-16 15:07:53 Let’s free of jQuery!
  2. 杨彦星 发表 2015-10-02 08:23:48 使用jquery在一个页面中有多个form表单做数据有效性校验
  3. NetS H 发表 2014-07-21 12:41:04 在 Sublime Text 直接运行 Javascript 调试控制台
  4. 知更鸟 发表 2015-01-24 15:06:32 12款经典图片轮播jquery插件
  5. w3cui 发表 2014-12-02 03:04:11 用div模拟文本框编辑器效果最实用最简单的方法
  6. 逝去日子 发表 2015-04-15 13:25:49 MVC实现DropdownList联动
  7. 周亮 发表 2012-07-08 09:30:17 JavaScript中的this
  8. lixiphp 发表 2013-05-07 12:49:55 工作笔记
  9. 季小鱼 发表 2015-01-15 11:58:32 jQuery的live替代方法
  10. 彬Go 发表 2010-03-15 06:20:28 用CSS3制作50个超棒动画效果教程
  11. Jessica 发表 2011-04-18 04:04:45 [每日一学]live vs bind
  12. shandawang 发表 2015-06-11 09:24:13 jquery插件

发表评论