通过 ajax 打开 FileStreamResult（作为下载的文件）

Question

是否可以使用 ajax 调用将 FileStreamResult 作为下载文件打开？

控制器方法

public FileStreamResult DownloadPDF()
{
        var stream = myHandler.getFileStream("myfile.pdf");
        return File(stream, "application/pdf", "myfile.pdf"));
}

HTML代码

<a href="#" class="mydownload">Click Me</a>
<script type="text/javascript>
    $("a.mydownload").click(function () {
        $.ajax({
            method: 'GET',
            url: 'http://myserver/file/DownloadPDF',
            success: function (data, status, jqXHR) {
                var blob = new Blob([data], { type: "application/pdf" })
                var url = window.URL.createObjectURL(blob);
                var a = document.createElement("a");
                document.body.appendChild(a);
                a.href = url;
                a.click();

            }
        });
    });
</script>

在 IE 上运行我被拒绝访问，但在 Chrome 上运行正常。但是，我确实得到了“空白”/无效的 pdf。

Answer 1

使用XMLHttpRequest() 并将responseType 设置为"blob"，将download 属性添加到<a> 元素

$("a.mydownload").click(function () {
    var request = new XMLHttpRequest();
        request.responseType = "blob";
        request.open("GET", "http://myserver/file/DownloadPDF");
        request.onload = function() {
            var url = window.URL.createObjectURL(this.response);
            var a = document.createElement("a");
            document.body.appendChild(a);
            a.href = url;
            a.download = this.response.name || "download-" + $.now()
            a.click();
        }
        request.send();
});

或者，您可以使用jquery-ajax-blob-arraybuffer.js。另见Add support for HTML5 XHR v2 with responseType set to 'arraybuffer' on $.ajax

Answer 2

IE11 仍然存在问题，但对 @guest271314 解决方案的微小更改似乎可以解决问题。

1. 打开后设置responseType。
2. 在 IE 上使用 msSaveBlob

$("a.mydownload").click(function() {
  var request = new XMLHttpRequest();
  request.open("GET", "http://myserver/file/DownloadPDF");
  request.responseType = "blob";
  request.onload = function() {
    var msie = window.navigator.userAgent.indexOf("MSIE");
    if (msie > 0) {
      window.navigator.msSaveBlob(this.response, "myfile.pdf");
    } else {
      var url = window.URL.createObjectURL(this.response);
      var a = document.createElement("a");
      document.body.appendChild(a);
      a.href = url;
      a.download = this.response.name || "download-" + $.now()
      a.click();
    }
  }
  request.send();
});