ASP.Net Web API - HTMLの表示とファイルのダウンロード

Question

AngularJS/ASP.Net WebAPIアプリケーションでは、ボタンをクリックするときにPDFファイルを生成する必要があります。ボタン新しいブラウザのページでは、次のURLにユーザーを再指示します

xyz.com/api/getpdf?Token=f3Ttkwf5XyvvZwcOZpEz

getpdfは、エラーが発生した場合、PDFファイルやHTMLのエラーコードを返すAPIです。

問題は、PDFの生成に最大30秒かかることがあることです。ファイルを送信する前に、ページにいくつかのHTMLを表示するにはどうすればいいですか？ HTMLも同じAPI呼び出しで返される必要があります。 1つのリクエストで複数の応答を持つことが可能であることを私は読んだ。。しかし、私はこれをどのようにして行うのですか？

これは、PDFを返すために、コントローラで単純化されたコードです：

[HttpGet] 
public HttpResponseMessage GetPDF(string Token) 
{ 
    HttpResponseMessage resp = null; 
    try 
    {   
     // Generate PDF 
     Byte[] lPDF = GetPDF(Token); 

     // Return PDF in response 
     resp = Request.CreateResponse(HttpStatusCode.OK); 
     resp.Content = new ByteArrayContent(lPDF); 
     resp.Content.Headers.ContentDisposition = new System.Net.Http.Headers.ContentDispositionHeaderValue("inline"); 
     resp.Content.Headers.ContentType = new System.Net.Http.Headers.MediaTypeHeaderValue("application/pdf"); 
     resp.Content.Headers.ContentDisposition.FileName = "PDF-File.pdf"; 
     resp.Content.Headers.ContentLength = lPDF.Length; 

     return resp; 
    } 
    catch (Exception ex) 
    { 
     Toolkit.LogError("GetPDF", ex); 
     return Request.CreateResponse(HttpStatusCode.InternalServerError); 
    } 
} 

Answer 1

あなたは前のページのオーバーレイを作成することができます。

たとえば、コントローラのメソッドを呼び出すボタンがあります。このボタンをクリックすると、オーバーレイに「読み込み中」というメッセージが表示されます。

ドキュメントが生成されると、ページがリダイレクトされ、オーバーレイが消えます。 jQueryのここ

$("#generate").click(function(){ 
 
    $(".overlay").show(); 
 
    setTimeout(function(){window.location.href="http://stackoverflow.com"},2000); 
 
});

.overlay{ 
 
display:none; 
 
position:fixed; 
 
top:0; 
 
left:0; 
 
background-color:rgba(0,0,0,0.5); 
 
width:100%; 
 
height:100%; 
 
color:white; 
 
text-align:center; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div class="overlay">Loading...</div> 
 
<button id="generate">Generate</button>

と

例setTimeoutメソッドは単に応答の時間をシミュレートするために使用されます。

Answer 2

あなたが正しく理解している場合は、2段階でpdfファイルを生成することができます。 最初のステップは、Webサーバーにpdfファイルを生成するように要求することです。 （POSTリクエスト） 2番目のステップは、pdfファイルがすでに生成されているかどうかWebサーバーに問い合わせることです。 （GETリクエストまたはSignalR）