在Tab或iframe中打開動態生成的PDF

Question

請幫忙。 我顯然不是專家，但使用本網站的建議，我覺得我真的很接近做以下

能夠在 一）新選項卡 B）的iframe打開一個動態生成的PDF

希望我只需要幾行正確的語法，我就會在那裏。

我動態生成使用iTextSharp的

控制器

public FileStreamResult GetPdf() 
    { 
    ... 
    return new FileStreamResult(Response.OutputStream, "application/pdf"){FileDownloadName = "download.pdf"}; 
    } 

VIEW

<input id="btnNewTab" type="button" value="New Tab" /> 
<input id="btnIframe" type="button" value="Iframe" /> 

<div id="pdfDiv"></div> 

<script type="text/javascript"> 
    $(function() { 

    $("#btnIframe").click(function() { 
     $.get('/PDFTest/GetPdf', function (pdf) { 
     alert(pdf.length); // Works as expected 
     // What do I need to put here to get the pdf to appear in a iframe 
     }); 
    }); 

    $("#btnNewTab").click(function() { 
     // asks me if I want to Open or Save the PDF. 
     // If I choose Open, the PDF opens in a completely new Window. 
     // Instead of the dialog, I just want the PDF to open in a new Tab 
     // I am probably going about this in completely the wrong way. 
     var HTML = "<iframe src='/PDFTest/GetPdf' style='width: 100%; height: 600px' ></iframe>"; 
     $('#pdfDiv').html(HTML); 
    }); 

    }); 
</script> 

針對您的建議達林控制器中的PDF，我改變了控制器到：

public FileStreamResult GetPdf(someInfo from View) 
    { 
    ... 
     Response.ContentType = "application/pdf"; 
     Response.AddHeader("Content-Disposition", "inline;test.pdf"); 
     Response.Buffer = true; 
     Response.Clear(); 
     Response.OutputStream.Write(ms.GetBuffer(), 0, ms.GetBuffer().Length); 
     Response.OutputStream.Flush(); 
     Response.End(); 

     return new FileStreamResult(Response.OutputStream, "application/pdf"); 
    } 

完成之後，你的建議運行良好，但我意識到我沒有足夠清楚地解釋我的意圖。因此，我改變了VIEW以反映我正在嘗試做的事情。

input id="btnNewTab" type="button" value="New Tab" /> 
<input id="btnIframe" type="button" value="Iframe" /> 
<iframe id="iframe"></iframe> 
<div id="pdfDiv"> 
</div> 
<script type="text/javascript"> 
    $(function() { 

    $("#btnIframe").click(function() { 

     $.ajax({ 
     url: '/PDFTest/GetPdf', 
     type: "GET", 
     data: json, // This line will not be a problem 
     dataType: "json", 
     contentType: "application/pdf", // This line might be a problem 
     success: function (pdf) { 
      // What to I need to need to do to display the PDF in the above iframe 
      $("#iframe").attr("src", pdf); // HTTP Error 400 - Bad Request. 
     } 
     }); 
    }); 

    $("#btnNewTab").click(function() { 
     $.ajax({ 
     url: '/PDFTest/GetPdf', 
     type: "GET", 
     data: json, // This line will not be a problem 
     dataType: "json", 
     contentType: "application/pdf", // This line might be a problem 
     success: function (pdf) { 
      // What to I need to need to do to disply the PDF in a new window 
     } 
     }); 
    }); 

    }); 
</script> 

Answer 1

操作：

public ActionResult GetPdf() 
{ 
    byte[] pdf = ... 
    Response.AppendHeader("Content-Disposition", "inline;test.pdf"); 
    return File(pdf, "application/pdf"); 
} 

要在新標籤/窗口打開：

@Html.ActionLink("view pdf", "getpdf", "somecontroller", null, new { target = "_blank" }) 

要在iframe代碼看起來不錯打開。只要確保將Content-Disposition標題設置爲內聯。