zoukankan      html  css  js  c++  java
  • 前端中点击下载文件

    1、使用<a>标签

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

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

    获取主机域名:

    location.hostname

    获取端口号:

    location.port

    2、使用按钮进行监听

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

    一是window.open()

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

      

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

      

  • 相关阅读:
    java练习题2
    java练习题
    java输入输出
    字符集
    eclipse快捷键
    类和对象练习-people
    类和对象-三角形
    权限修饰符-输出求和阶乘
    权限修饰符-练习
    权限修饰符-father&&son
  • 原文地址:https://www.cnblogs.com/mo3408/p/12659393.html
Copyright © 2011-2022 走看看