如何使用 ASP.net Web API 和 Javascript 下载二进制文件？答案

【问题标题】：How to download binary file using ASP.net Web API and Javascript?如何使用 ASP.net Web API 和 Javascript 下载二进制文件？
【发布时间】：2016-02-10 17:31:04
【问题描述】：

我有一个如下所示的 Web API 控制器：

using System;
using System.Net;
using System.Net.Http;
using System.Net.Http.Headers;
using System.Web.Http;
using System.Threading.Tasks;
using System.IO;

    namespace APIIntegration.Controllers
    {
        public class TestController : ApiController
        {
            // http://localhost/api/test
            [HttpGet]        
            public async Task<HttpResponseMessage> Get()
            {
                Stream stream = streamWith256Bytes;            
                HttpResponseMessage result = new HttpResponseMessage(HttpStatusCode.OK);            
                result.Content = new StreamContent(stream);
                result.Content.Headers.ContentLength = stream.Length;            
                result.Content.Headers.ContentType =
                    new MediaTypeHeaderValue("application/octet-stream");
                result.Content.Headers.ContentDisposition = new System.Net.Http.Headers.ContentDispositionHeaderValue("attachment");
                result.Content.Headers.ContentDisposition.FileName = "foo.bin";
                return result;
            }

            private static Stream streamWith256Bytes
            {
                get
                {
                    MemoryStream stream = new MemoryStream();
                    for (int i = 0; i <256 ; i++)
                    {
                        stream.WriteByte(Convert.ToByte(i));
                    }
                    stream.Position = 0;
                    return stream;
                }
            }
        }
    }

简而言之，此控制器尝试将 256 字节的文件下载到浏览器。起初，它似乎可以工作，但是当检查下载的文件时，大小是 512 字节而不是预期的 256 字节，并且不可打印的字符被丢弃。

如何修改此代码以便正确下载二进制数据？

编辑：我还应该提到我在这里看到了一个类似的问题：Problems with downloading pdf file from web api service 通过添加内容长度标头解决了问题，但这并没有为我解决这个问题。

编辑：我修改了上面的源代码，给出了一个完整的、工作的例子来说明如何重现。

编辑：我发现当我在地址栏中输入地址时，上面的代码实际上可以正常工作，但是当使用 Javascript 启动下载时，我就遇到了问题。

【问题讨论】：

我认为这可能是 MemoryStream 工作方式的细微差别。尝试填充一个普通的 Byte[] 并用它构造 MemoryStream，而不是直接写入一个空实例。

标签： javascript angularjs asp.net-web-api asp.net-apicontroller

【解决方案1】：

我找到了解决办法。在我的 Javascript 中，我使用 Angular 使用 Angular $http 服务启动文件下载。默认情况下，此服务将响应解释为文本。我不得不告诉 Angular 将响应解释为一个 blob，这样就解决了所有问题。

我的工作代码如下所示：

function download(downloadUrl) {
    $http({
        url: downloadUrl,
        responseType: "blob"
    })
    .then(function (response) {
        var blob = new Blob([response.data], { type: "application/octet-stream" });
        saveAs(blob, "foo.bin");
    }, function (response) {
        alert("error downloading file from " + downloadUrl);
    });
}

【讨论】：