IronPDFでPDFを新しいウィンドウで開く方法 ASP.NET C# with IronPDF

PDF 表示の問題をなぜ気にする必要があるのでしょうか?

ASP.NETでPDFファイルを提供する場合、デフォルトの動作では、ブラウザの表示ではなく、ダウンロードになることがよくあります。 これは、サーバーがHTTP 応答ヘッダーを介してファイルをブラウザに送信する方法が原因で発生します。 Content-Dispositionヘッダーは特に、PDFファイルをインラインで開くかダウンロードするかを制御します。

Response を使用する従来の ASP.NET コード。バイト配列を使用したBinaryWrite 、ダウンロードをトリガーするヘッダーを設定することがよくあります。 開発者がResponse.ContentType = "application/pdf"を設定した場合でも、 Content-Disposition値が欠落しているか正しくない場合は、ブラウザはPDF ドキュメントを表示せずにダウンロードします。 さらに、ブラウザによってPDFファイルの扱いがまちまちで、Adobe PDF Readerのプラグインはファイルをインラインで表示するかもしれませんが、モバイルブラウザではダウンロードがデフォルトになることがよくあります。

これらの問題はいつ最も頻繁に発生しますか?

HTML 文字列またはデータ ソースから動的に生成された PDF ドキュメントを処理する場合、サーバー側の構成はさらに複雑になります。 正しいパスと適切なヘッダーがなければ、一貫性のあるクロスブラウザ表示を実現することは困難になります。 多くの開発者は、Stack Overflow ディスカッションに、この根強い問題の解決策を求めています。

IronPDF のアプローチが他と異なる点は何ですか?

ライブラリのChromePdfRendererクラスは、PDF 作成のための最新のアプローチを提供します。 開発者は、バイト配列と応答ストリームを手動で管理する代わりに、単純なメソッド呼び出しを使用してHTML 文字列、 HTML ファイル、またはURLから PDF を生成できます。 IronPDF はレンダリング プロセスを内部で処理し、さまざまな環境間で一貫した出力を保証します。

どの機能が最も役立ちますか?

基本的な生成の他に、IronPDF は、用紙サイズ、余白、 JavaScript 実行遅延など、出力をカスタマイズするための広範なレンダリング オプションを提供します。 この柔軟性により、シンプルなドキュメントから複雑なチャートのあるレポートや動的コンテンツまで、あらゆるものの作成に最適です。

生成されたPDFはどのように見えますか?

! PDFビューアは、"サンプルPDFドキュメント"というタイトルと2025年11月20日午後3時37分54秒の生成タイムスタンプを持つサンプルPDFドキュメントを表示しています。PDFの生成とブラウザ表示が成功したことを示しています。

上記のコードでは[ HttpGet ]を使用しています。 ユーザーがフォームを送信した後にこの PDF を作成する場合は、[ HttpPost ] 属性を使用する可能性があります。 これにより、単純なリクエストと、データを含む POST リクエストの送信の違いを認識できるようになります。

Content-Disposition ヘッダーが重要なのはなぜですか?

ブラウザでPDFファイルを開くための鍵は、Content-Dispositionヘッダーを"添付ファイル"ではなく"インライン"に設定することです。 これにより、ブラウザはファイルをダウンロードするのではなく、表示するように指示されます。 従来のASP.NETボタン クリック イベントのオブジェクト センダーとEventArgsパラメータは、このコントローラ アクションをトリガーできます。

これをWebFormsで実装するにはどうすればいいでしょうか?

リテラル コントロールまたはリテラル タグを使用するWebFormsアプリケーションでは、PDF ビューアを現在のページに直接埋め込むことができます。

protected void OpenPdf_Click(object sender, EventArgs e)
{
    var renderer = new ChromePdfRenderer();
    // Generate PDF document from HTML
    var PDF = renderer.RenderHtmlAsPdf("<h1>Invoice</h1><p>Your order details</p>");
    // Get byte array from PDF
    byte[] data = pdf.BinaryData;
    // Clear response and write PDF to browser
    Response.Clear();
    Response.ContentType = "application/pdf";
    Response.AddHeader("Content-Length", data.Length.ToString());
    Response.AddHeader("Content-Disposition", "inline; filename=invoice.pdf");
    Response.BinaryWrite(data);
    Response.End();
}

protected void OpenPdf_Click(object sender, EventArgs e)
{
    var renderer = new ChromePdfRenderer();
    // Generate PDF document from HTML
    var PDF = renderer.RenderHtmlAsPdf("<h1>Invoice</h1><p>Your order details</p>");
    // Get byte array from PDF
    byte[] data = pdf.BinaryData;
    // Clear response and write PDF to browser
    Response.Clear();
    Response.ContentType = "application/pdf";
    Response.AddHeader("Content-Length", data.Length.ToString());
    Response.AddHeader("Content-Disposition", "inline; filename=invoice.pdf");
    Response.BinaryWrite(data);
    Response.End();
}

Protected Sub OpenPdf_Click(sender As Object, e As EventArgs)
    Dim renderer As New ChromePdfRenderer()
    ' Generate PDF document from HTML
    Dim PDF = renderer.RenderHtmlAsPdf("<h1>Invoice</h1><p>Your order details</p>")
    ' Get byte array from PDF
    Dim data As Byte() = PDF.BinaryData
    ' Clear response and write PDF to browser
    Response.Clear()
    Response.ContentType = "application/pdf"
    Response.AddHeader("Content-Length", data.Length.ToString())
    Response.AddHeader("Content-Disposition", "inline; filename=invoice.pdf")
    Response.BinaryWrite(data)
    Response.End()
End Sub

PDF フォームを作成したり、デジタル署名を追加したりする場合、IronPDF はこれらの高度な機能に対する包括的なサポートを提供します。

PDF は新しいタブにどのように表示されますか?

! ウェブブラウザが、localhost:7068/Pdf/GeneratePdf の新しいブラウザタブに、"サンプル PDF ドキュメント"というタイトルとタイムスタンプが付いた生成された PDF ドキュメントを表示しています。

より詳細な制御のために JavaScript を使用する必要があるのはいつですか?

JavaScriptのwindow.open関数は、動的に生成されたURLとうまく連携し、PDFファイルを新しいブラウザのタブで開くことができます：

function openPdfInNewTab() {
    // Open PDF in new window using JavaScript
    window.open('/Pdf/GeneratePdf', '_blank');
    return false; // Prevent default form submission
}

function openPdfInNewTab() {
    // Open PDF in new window using JavaScript
    window.open('/Pdf/GeneratePdf', '_blank');
    return false; // Prevent default form submission
}

JavaScript と ASP.NET コントロールを組み合わせるにはどうすればよいでしょうか?

ASP.NETウェブアプリケーションでは、これをボタンコントロールと組み合わせます：

<asp:Button ID="btnViewPdf" runat="server"
            OnClientClick="window.open('/Pdf/GeneratePdf', '_blank'); return false;"
            Text="Open PDF in New Tab" />

<asp:Button ID="btnViewPdf" runat="server"
            OnClientClick="window.open('/Pdf/GeneratePdf', '_blank'); return false;"
            Text="Open PDF in New Tab" />

<asp:Button ID="btnViewPdf" runat="server"
            OnClientClick="window.open('/Pdf/GeneratePdf', '_blank'); return false;"
            Text="Open PDF in New Tab" />

注意: JavaScriptのwindow.open()を使用する場合、第2引数の'_blank'は、新しい別のウィンドウまたはタブでドキュメントを開くものです。 新しいウィンドウの名前は、指定する必要がなければ空白のままでもかまいません。

PDF をページに直接埋め込むとどうなるでしょうか?

HTML オブジェクト タグには、 PDF ドキュメントをページに直接埋め込む別のオプションが用意されており、ユーザーが Adobe PDF Reader をインストールしている場合に特に便利です。

<object data="/Pdf/GeneratePdf" type="application/pdf" width="100%" height="600px">
    <embed src="/Pdf/GeneratePdf" type="application/pdf" />
    <p>Your browser doesn't support embedded PDF documents.
       <a href="/Pdf/GeneratePdf" target="_blank">View PDF File</a>
    </p>
</object>

<object data="/Pdf/GeneratePdf" type="application/pdf" width="100%" height="600px">
    <embed src="/Pdf/GeneratePdf" type="application/pdf" />
    <p>Your browser doesn't support embedded PDF documents.
       <a href="/Pdf/GeneratePdf" target="_blank">View PDF File</a>
    </p>
</object>

埋め込まれた PDF はどのように見えるでしょうか?

! ウェブページ内にサンプルPDF文書を表示する埋め込みPDFビューア。標準のPDFビューアコントロールとともに、文書のタイトル、説明、生成タイムスタンプが表示されます。

この方法は、Adobe PDF Reader または同様のプラグインが利用できる場合に適していますが、最近のブラウザでは追加のソフトウェアなしでネイティブの PDF 表示をサポートすることが増えています。 Microsoft のドキュメントによると、適切なHTTP ヘッダーとクライアント側コードを組み合わせることで、最も信頼性の高いクロスブラウザー ソリューションが実現します。 target="_blank "属性の重要性にご注意ください。

既存の PDF ファイルを読み込むにはどうすればいいですか?

正しいパスから既存のPDF ドキュメントを読み込むには:

public IActionResult ViewFile(string fileName)
{
    // Ensure correct path to PDF file
    string path = Path.Combine(_webHostEnvironment.WebRootPath, "pdfs", fileName);
    // Load existing PDF document
    var PDF = PdfDocument.FromFile(path);
    // Optionally add additional information to the PDF
    pdf.AddPage(renderer.RenderHtmlAsPdf("<h2>Additional Information</h2>"));
    // Convert to stream for browser display
    var stream = pdf.Stream;
    byte[] bytes = stream.ToArray();
    // Set headers for inline display in new browser tab
    Response.Headers.Add("Content-Disposition", "inline; filename=" + fileName);
    Response.Headers.Add("Content-Length", bytes.Length.ToString());
    return File(bytes, "application/pdf");
}

public IActionResult ViewFile(string fileName)
{
    // Ensure correct path to PDF file
    string path = Path.Combine(_webHostEnvironment.WebRootPath, "pdfs", fileName);
    // Load existing PDF document
    var PDF = PdfDocument.FromFile(path);
    // Optionally add additional information to the PDF
    pdf.AddPage(renderer.RenderHtmlAsPdf("<h2>Additional Information</h2>"));
    // Convert to stream for browser display
    var stream = pdf.Stream;
    byte[] bytes = stream.ToArray();
    // Set headers for inline display in new browser tab
    Response.Headers.Add("Content-Disposition", "inline; filename=" + fileName);
    Response.Headers.Add("Content-Length", bytes.Length.ToString());
    return File(bytes, "application/pdf");
}

Public Function ViewFile(fileName As String) As IActionResult
    ' Ensure correct path to PDF file
    Dim path As String = Path.Combine(_webHostEnvironment.WebRootPath, "pdfs", fileName)
    ' Load existing PDF document
    Dim pdf = PdfDocument.FromFile(path)
    ' Optionally add additional information to the PDF
    pdf.AddPage(renderer.RenderHtmlAsPdf("<h2>Additional Information</h2>"))
    ' Convert to stream for browser display
    Dim stream = pdf.Stream
    Dim bytes As Byte() = stream.ToArray()
    ' Set headers for inline display in new browser tab
    Response.Headers.Add("Content-Disposition", "inline; filename=" & fileName)
    Response.Headers.Add("Content-Length", bytes.Length.ToString())
    Return File(bytes, "application/pdf")
End Function

既存の PDF を開くとどのようになりますか?

! PDF ビューアがブラウザ ウィンドウに"PDF とは何か?"というタイトルの文書と、PDF 形式の歴史と機能に関する説明文を表示しています

データベースから PDF を操作するにはどうすればいいですか?

データベースまたは外部ソースからのバイト配列を操作する場合は、PDF が正しく開くように慎重に処理する必要があります。

public IActionResult DisplayFromDatabase(int documentId)
{
    // Retrieve byte array from database or system
    byte[] pdfData = GetPdfFromDatabase(documentId);
    // Load PDF document from bytes
    var PDF = PdfDocument.FromBytes(pdfData);
    // Optionally sign or modify the PDF
    // pdf.SignWithDigitalCertificate(...);
    // Set response headers for inline display
    Response.Headers.Add("Content-Disposition",
                        $"inline; filename=document_{documentId}.pdf");
    Response.Headers.Add("Content-Length", pdfData.Length.ToString());
    // Return file to open in browser
    return File(pdfData, "application/pdf");
}

public IActionResult DisplayFromDatabase(int documentId)
{
    // Retrieve byte array from database or system
    byte[] pdfData = GetPdfFromDatabase(documentId);
    // Load PDF document from bytes
    var PDF = PdfDocument.FromBytes(pdfData);
    // Optionally sign or modify the PDF
    // pdf.SignWithDigitalCertificate(...);
    // Set response headers for inline display
    Response.Headers.Add("Content-Disposition",
                        $"inline; filename=document_{documentId}.pdf");
    Response.Headers.Add("Content-Length", pdfData.Length.ToString());
    // Return file to open in browser
    return File(pdfData, "application/pdf");
}

Public Function DisplayFromDatabase(documentId As Integer) As IActionResult
    ' Retrieve byte array from database or system
    Dim pdfData As Byte() = GetPdfFromDatabase(documentId)
    ' Load PDF document from bytes
    Dim PDF = PdfDocument.FromBytes(pdfData)
    ' Optionally sign or modify the PDF
    ' pdf.SignWithDigitalCertificate(...)
    ' Set response headers for inline display
    Response.Headers.Add("Content-Disposition", $"inline; filename=document_{documentId}.pdf")
    Response.Headers.Add("Content-Length", pdfData.Length.ToString())
    ' Return file to open in browser
    Return File(pdfData, "application/pdf")
End Function

どのような高度な機能が使用できますか?

HTML オブジェクト タグとリテラル コントロールの統合が必要なシナリオでは、IronPDF はCSS スタイル、画像、さらにはWeb フォントを含む高度な HTML から PDF への変換をサポートします。 ライブラリには、ピクセルパーフェクトな結果を実現するための包括的なトラブルシューティング ガイドも用意されています。 これにより、ファイルデータに簡単にアクセスできるようになります。