前端中点击下载文件

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();  

        });