SpringBoot框架下，前后端实现文件交互——文件下载

上篇介绍了前后端交互的文件上传功能，本篇将继续介绍文件下载功能实现
【前端】
HTML:

 <button type="button" id="btn1">下载文件</button>

JS:

//测试
        var $eleBtn1 = $("#btn1");
        //缺点：会出现一个新页面，但下载好后迅速关闭，下载效果不佳
        //方法一：window.open()
        // $eleBtn1.click(function(){
   
   
        //     window.open("http://localhost:8080/File");
        // });

         //方法二：通过form
         $eleBtn1.click(function(){
   
   
             var $eleForm = $("<form method='get'></form>");
        	 //请求后端访问地址，根据具体项目后端接口而变
        	 $eleForm.attr("action","http://localhost:8080/File");
             $(document.body).append($eleForm);
             //提交表单，实现下载
             $eleForm.submit();
         });

		//通过ajax实现前后端的交互(可查看后端返回文件的内容）
        //$eleBtn1.click(function(){
   
   
           // $.ajax({
   
   
               // url: ctx + "File/getfile",//后端文件请求下载的地址（根据实际项目任务改变）
                //type: "Get",//上传的方式
                //sync:false, //开启同步
                //success: function (data) {
   
   
                    //console.log(data);
                //}//上传成功后的结果