ajax请求不能下载文件(转载)

Posted 2020-09-22 Mr_伍先生

最近在做文件下载，后台写了个控制层，直接走进去应该就可以下载文件，各种文件图片,excel等

但是起初老是下载失败，并且弹出下面的乱码：

前台请求代码：

 

[html] view plain copy

 

1. $(‘#fileexcel‘).unbind(‘click‘).bind(‘click‘,function(){  
2.                     alert("我要下载了");  
3.                     $.ajax({  
4.                         type:‘post‘,  
5.                         url:‘media‘,  
6.                         data:null,  
7.                         async:true,  
8.                         success : function(msg){  
9.                             alert(msg);  
10.                         }  
11.                     })  
12.                 })  

 

 

看起来貌似没有任何问题，但就不能下载。

本来认为是后台代码有问题，但是将网上的各种demo放进去还是有问题。

在坑了一天后，终于发现问题所在了。

那就是请求方式有问题，文件下载的请求是不能写在ajax里面的！

写成下面这样的就可以了：

[html] view plain copy

 

1. <a href="/media">点击下载Excel</a>  
2. 或者  
3. location.href = ‘/media‘;  

这次点击下载就出现如下理想效果。

 

 

然后总结一下为什么下载请求不能放在ajax里发送：

原因：因为response原因，一般请求浏览器是会处理服务器输出的response，例如生成png、文件下载等,然而ajax请求只是个“字符型”的请求，即请求的内容是以文本类型存放的。文件的下载是以二进制形式进行的，虽然可以读取到返回的response，但只是读取而已，是无法执行的，说白点就是js无法调用到浏览器的下载处理机制和程序。