前端中點擊下載文件

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

        });