今天看啥
    热点:

      天发国际娱乐官网:住房“家底”包括两个部分:一是现在有多少住房,二是多少住房有人住、多少没有人住。

      HTML页面点击下载文件的两种实现方法,


      1.使用<a>标签来完成

      <a href="/user/test/xxxx.txt" download="文件名.txt">点击下载</a>  

      这样当用户打开浏览器点击链接的时候就会直接下载文件。

      但是有个情况,比如txt,png,jpg等这些浏览器支持直接打开的文件是不会执行下载任务的,而是会直接打开文件,这个时候就需要给a标签添加一个属性“download”;

      以下为例子

      移到标签<a>标签上可以显示文件路径,根据路径提示进行文件路径的补全

      <!DOCTYPE html>  
      <html>  
          <head>  
              <meta charset="UTF-8">  
              <title></title>  
          </head>  
          <body>  
              <a href="321.png" download="test.png">点击下载</a>    
          </body>  
      </html>  

      若需从网页上传的图片中进行下载  可能会用到以下方法

      获取主机域名:

      location.hostname

      获取端口号:

      location.port

      2.使用按钮进行监听

      按钮监听又可以分为两种方法,

      一是window.open()

      var $eleBtn1 = $("#btn1");  
              var $eleBtn2 = $("#btn2");  
              //已知一个下载文件的后端接口:http://www.1click-soft.com/tfgjylgw/douban/douban-client/legacy.zip/master  
              //方法一:window.open()  
              $eleBtn1.click(function(){  
                  window.open("http://www.1click-soft.com/tfgjylgw/douban/douban-client/legacy.zip/master");  
              });  

      二是表单提交

      //方法二:通过form  
              $eleBtn2.click(function(){  
                  var $eleForm = $("<form method='get'></form>");  
                  $eleForm.attr("action","http://www.1click-soft.com/tfgjylgw/douban/douban-client/legacy.zip/master");  
                  $(document.body).append($eleForm);  
                  //提交表单,实现下载  
                  $eleForm.submit();  
              });  

      总结

      以上所述是小编给大家介绍的HTML页面点击下载文件的两种实现方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对帮客之家网站的支持!

      www.1click-soft.comtruehttp://www.1click-soft.com/HTML_Xhtml/1310264.htmlTechArticleHTML页面点击下载文件的两种实现方法, 1.使用a标签来完成 a href=/user/test/xxxx.txt download=文件名.txt点击下载/a 这样当用户打开浏览器点击链接...

      相关文章

        暂无相关文章

      帮客评论

      视觉看点
      百度 360 搜狗