如何通过angular.js下载HTTP:POST请求返回的二进制文件

How to download a binary file returned from HTTP:POST request via angular.js?

本文关键字：请求 POST 返回 二进制文件 HTTP 何通过 angular js 下载      更新时间：2023-09-26

我正在为我构建的服务器开发一个基于Angular.js的查看器，试图添加一个"执行和下载"按钮。

我发送执行请求的方式是通过HTTP:POST请求，带有头：

"Accept" = "application/zip"
"X-MyApp-URI = "path/to/my/file/that/the/server/can/access/to"

响应对这种请求的服务器基本上是：

X-Powered-By: Servlet/3.0
Content-Type: application/zip
Access-Control-Allow-Credentials: true
Access-Control-Allow-Headers: Content-Type, Content-Disposition, Accept, Authorization, X-.....
Access-Control-Allow-Methods: GET, POST
Access-Control-Allow-Origin: *
Content-Disposition: inline; filename="result.zip"
Transfer-Encoding: chunked
Date: Mon, 02 Nov 2015 15:29:42 GMT

我在RESTClient 3.4&Postman应用程序，在这两种情况下，下载的文件都是我发送的正确zip。

以下是我试图通过我的网络应用程序执行的代码：

var config = {'Accept':'application/zip', 'X-MyApp-URI' = 'path..'};
$http.post("../serverPath",{responseType: "bufferArray"}, config)
    .success(function (response) {
        var bytes = new Array(response.length);
        for (var i = 0; i < response.length; i++) {
            bytes[i] = response.charCodeAt(i)
        }
        var bytesUint = new Uint8Array(bytes);
        var blob = new Blob(bytesUint, {type: 'application/zip'});
        var blobUrl = URL.createObjectURL(blob);
        var a = document.createElement("a");
        document.body.appendChild(a);
        a.href = blobUrl;
        a.download = 'result.zip';
        a.click();
});

不幸的是，我几乎尝试了我在网上找到的所有参数组合，但没有任何帮助，通过上面的blob下载的文件总是被损坏。

我可以使用的解决方案是围绕纯JS代码、jQuery或Angular.JS&任何Apache已经开发的可能有助于解决此问题的插件。

尝试将Uint8Array直接传递给Blob，如下所示：

var config = {'Accept':'application/zip', 'X-MyApp-URI' = 'path..'};
$http.post("../serverPath",{responseType: "bufferArray"}, config)
    .success(function (response) {
        var bytesUint = new Uint8Array(response);
        var blob = new Blob([bytesUint], {type: 'application/zip'});
        var blobUrl = URL.createObjectURL(blob);
        var a = document.createElement("a");
        document.body.appendChild(a);
        a.href = blobUrl;
        a.download = 'result.zip';
        a.click();
});
相关文章：