WebAPI/MVCでExcelファイルをダウンロード

Question

WebAPIからExcelファイルをダウンロードしようとしています。基本的にExcelファイルはメモリストリーム経由で作成されています。Post

Excelコンテンツはうまく生成されていますが、Chromeネットワークツールの[レスポンス]タブにレスポンス自体が純粋なXMLとしてダウンロードできません。以下はC＃のコードです

var sheet = linq.ExportToExcel（userAddedList）;

  var stream = new MemoryStream(); 
      var sw = new StreamWriter(stream); 
      sw.Write(sheet); 
      sw.Flush(); 

      var result = new HttpResponseMessage(HttpStatusCode.OK) { Content = new ByteArrayContent(stream.GetBuffer()) }; 
      result.Content.Headers.ContentDisposition = new ContentDispositionHeaderValue("attachment") { FileName = "Report.xml" }; 
      result.Content.Headers.ContentType = new MediaTypeHeaderValue("application/ms-excel"); 

      var response = ResponseMessage(result); 
      return response; 

これは私がAngularから呼び出す方法です。

var httpRequest = commonFunctions.getRequestObject（ "GET"、requestURL、{}、null）;

 $http(httpRequest).then(function (response) { 
      vm.isProcessing = false; 
     }, function (error) { displayError(error); }); 

Answer 1

あなたがターゲットとしているブラウザは、あなたがBlob objectを使用することができ、ファイルのAPIをサポートしている場合。ここでは、this fiddleから取られ、機能に包まれ、次のとおりです。

var setFile = function(data, fileName, fileType) { 
    // Set objects for file generation. 
    var blob, url, a, extension; 

    // Get time stamp for fileName. 
    var stamp = new Date().getTime(); 

    // Set MIME type and encoding. 
    fileType = (fileType || "text/csv;charset=UTF-8"); 
    extension = fileType.split("/")[1].split(";")[0]; 
    // Set file name. 
    fileName = (fileName || "ActiveVoice_" + stamp + "." + extension); 

    // Set data on blob. 
    blob = new Blob([ data ], { type: fileType }); 

    // Set view. 
    if (blob) { 
     // Read blob. 
     url = window.URL.createObjectURL(blob); 

     // Create link. 
     a = document.createElement("a"); 
     // Set link on DOM. 
     document.body.appendChild(a); 
     // Set link's visibility. 
     a.style = "display: none"; 
     // Set href on link. 
     a.href = url; 
     // Set file name on link. 
     a.download = fileName; 

     // Trigger click of link. 
     a.click(); 

     // Clear. 
     window.URL.revokeObjectURL(url); 
    } else { 
     // Handle error. 
    } 
}; 

あなたはこのようなあなたのコードの一部としてそれを使用します。

$http(httpRequest).then(function (response) { 
    vm.isProcessing = false; 
    setFile(response.data, "Report.xls", "application/ms-excel"); 
}, function (error) { displayError(error); });