使用blob从ajax结果下载文件

我使用此代码从服务器下载excel文件。

$.ajax({ headers: CLIENT.authorize(), url: '/server/url', type: 'POST', contentType: "application/json; charset=utf-8", data: JSON.stringify(jsonData), success: function (data) { alert('Data size: ' + data.length); var blob = new Blob([data], { type: "application/vnd.ms-excel" }); alert('BLOB SIZE: ' + data.length); var URL = window.URL || window.webkitURL; var downloadUrl = URL.createObjectURL(blob); document.location = downloadUrl; }, }); 

我遇到的问题是，即使数据和blob大小相同，也会分配当时document.location，我被提示下载almoste两倍大的excel文件。 当我尝试打开它时，excel会抱怨错误的文件格式，并且打开的文件包含大量垃圾，即使必需的文本仍然存在。

是什么导致了这个以及如何避免它？

Answer 1

所以我使用AJAX 2解决了这个问题。它原生支持二进制流。 你不能使用jQuery，除非你对base64进行编码，显然。

工作代码如下所示：

 var xhr = new XMLHttpRequest(); xhr.open('POST', '/le/url', true); xhr.responseType = 'blob'; $.each(SERVER.authorization(), function(k, v) { xhr.setRequestHeader(k, v); }); xhr.setRequestHeader('Content-type', 'application/json; charset=utf-8'); xhr.onload = function(e) { preloader.modal('hide'); if (this.status == 200) { var blob = new Blob([this.response], {type: 'application/vnd.ms-excel'}); var downloadUrl = URL.createObjectURL(blob); var a = document.createElement("a"); a.href = downloadUrl; a.download = "data.xls"; document.body.appendChild(a); a.click(); } else { alert('Unable to download excel.') } }; xhr.send(JSON.stringify(jsonData)); 

希望这可以帮助。