返回顶部

收藏

网页开发,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. wangshuai 发表 2014-02-20 06:47:48 jquery选择指定的父元素
  2. ludis 发表 2016-09-03 08:11:24 jQuery 监听隐藏表单
  3. 博主 发表 2016-03-28 12:58:40 【翻译】jQuery和React.js的思考
  4. www.tonitech.com的站长 发表 2013-12-28 17:54:39 基于Zend Framework 2、Require.js和Backbone.js的RESTful架
  5. kvkens 发表 2015-03-02 06:44:00 Layer For Mobile、PC
  6. Json 发表 2013-04-16 06:32:54 jQuery deferred对象API详解及DEMO
  7. 四火 发表 2013-04-21 12:36:05 你没有抓住Promises的要点
  8. shandawang 发表 2015-05-26 02:56:23 Zepto 使用中的一些注意点(转)
  9. 新一 发表 2013-06-28 02:05:13 highstock图表插件设置时区的配置
  10. 设计 达人 发表 2013-07-22 07:54:48 CSS3创作有意思的旋转LOGO
  11. welpher 发表 2012-09-24 03:37:27 easy.js 正式开源
  12. love冥天 发表 2013-08-28 07:37:19 jQuery 的选择器记录一下

发表评论