如何將多張圖像合併為一個PDF

在Visual Studio中建立新專案

首先，打開Microsoft Visual Studio應用程式，並從"檔案"選單中選擇"新建專案"。 然後，選擇"Blazor Server App"。

在Visual Studio中建立新專案

輸入專案名稱並選擇文件路徑。 然後，點擊建立按鈕。

選擇新Blazor應用程式的名稱和位置

選擇所需的.NET框架（在本教程中我們將使用.NET 6.0），如下圖所示：

在Visual Studio中使用.NET 6.0框架建立新專案

Microsoft Visual Studio現在會為此Blazor應用程式生成結構。

接下來，將IronPDF程式庫新增到這個新專案中。

3.1 使用Visual Studio的NuGet Package Manager

Visual Studio提供NuGet Package Manager以協助直接將程式庫安裝到專案中。 下面的截圖展示了如何打開NuGet Package Manager。

存取Visual Studio的NuGet Package Manager

在"瀏覽"標籤下的搜尋欄位中搜尋"IronPDF"，如下圖所示：

在NuGet Package Manager GUI中搜尋IronPDF程式庫

從上方的圖片中顯示了相關搜索結果的列表。 選擇所需的選項將套件安裝到您的專案中。

3.2 使用Visual Studio命令行

In Visual Studio, go to Tools > NuGet Package Manager > Package Manager Console

在Package Manager Console標籤中輸入以下行：

Install-Package IronPdf

該套件現在將被下載並安裝到當前項目中。

使用NuGet Package Manager Console安裝IronPDF程式庫

3.3 直接從NuGet網站下載

安裝IronPDF程式庫的第三種方式是直接從網站下載NuGet套件。

導航至NuGet IronPDF網站。

• 從右側選單中點擊"下載套件"選項。
• 在文件系統中打開下載的套件。 它將會自動安裝。
• 重新載入解決方案並開始在您的專案中使用它。

3.4 直接從IronPDF網站下載

存取IronPDF網站直接下載IronPDF套件。

下載後，按照以下步驟將套件新增到您的專案中：

• 右鍵單擊解決方案窗口中的專案。
• 選擇"新增">"參考"選項，然後導航到您之前下載的程式庫的位置。
• 點擊確定以將程式庫新增為引用。

4. 在Blazor Server App中建立PDF文件

此教程中的Blazor應用程式將使用IronPDF通過URL獲取網頁的HTML內容並將其轉換為PDF文件。

在專案中包含的.razor文件中輸入以下源程式碼。

@using IronPdf

@code {
    /// <summary>
    /// This method exports data by converting a URL to a PDF file and initiating its download.
    /// </summary>
    public async Task ExportData()
    {
        try
        {
            string fileName = "Demo.pdf";
            var renderer = new ChromePdfRenderer();

            // Render the contents of the URL as a PDF document
            var pdf = renderer.RenderUrlAsPdf("https://localhost:7018/fetchdata");

            // Save the PDF using a JavaScript function
            await JSRuntime.InvokeVoidAsync("saveAsFile", fileName, Convert.ToBase64String(pdf.Stream.ToArray()));
        }
        catch (Exception ex)
        {
            // Handle any exceptions that may occur
            Console.Error.WriteLine($"Error in ExportData: {ex.Message}");
        }
    }
}

@using IronPdf

@code {
    /// <summary>
    /// This method exports data by converting a URL to a PDF file and initiating its download.
    /// </summary>
    public async Task ExportData()
    {
        try
        {
            string fileName = "Demo.pdf";
            var renderer = new ChromePdfRenderer();

            // Render the contents of the URL as a PDF document
            var pdf = renderer.RenderUrlAsPdf("https://localhost:7018/fetchdata");

            // Save the PDF using a JavaScript function
            await JSRuntime.InvokeVoidAsync("saveAsFile", fileName, Convert.ToBase64String(pdf.Stream.ToArray()));
        }
        catch (Exception ex)
        {
            // Handle any exceptions that may occur
            Console.Error.WriteLine($"Error in ExportData: {ex.Message}");
        }
    }
}

[using] ReadOnly Property code() As IronPdf
	''' <summary>
	''' This method exports data by converting a URL to a PDF file and initiating its download.
	''' </summary>
'INSTANT VB TODO TASK: Local functions are not converted by Instant VB:
'	public async Task ExportData()
'	{
'		try
'		{
'			string fileName = "Demo.pdf";
'			var renderer = New ChromePdfRenderer();
'
'			' Render the contents of the URL as a PDF document
'			var pdf = renderer.RenderUrlAsPdf("https://localhost:7018/fetchdata");
'
'			' Save the PDF using a JavaScript function
'			await JSRuntime.InvokeVoidAsync("saveAsFile", fileName, Convert.ToBase64String(pdf.Stream.ToArray()));
'		}
'		catch (Exception ex)
'		{
'			' Handle any exceptions that may occur
'			Console.@Error.WriteLine(string.Format("Error in ExportData: {0}", ex.Message));
'		}
'	}
End Property

上面的程式碼片段使用了兩種方法從HTML中生成PDF文件。 第一種是IronPDF的RenderUrlAsPdf方法，該方法從給定的URL下載HTML內容並將其轉換為PDF格式。

第二種方法是靜態的JSRuntime.InvokeVoidAsync方法，該方法觸發瀏覽器的JavaScript引擎在網頁範圍內調用JavaScript函式，該函式將PDF內容保存到客戶端的文件系統。

此JavaScript函式包含如下：

<script type="text/javascript">
    /**
     * Saves the PDF data as a file on the client's system.
     * @param {string} filename - The name of the file to be created.
     * @param {string} bytesBase64 - The Base64 encoded string of the PDF data.
     */
    function saveAsFile(filename, bytesBase64) {
        if (navigator.msSaveBlob) {
            // Download the document in Microsoft Edge browser
            var data = window.atob(bytesBase64);
            var bytes = new Uint8Array(data.length);
            for (var i = 0; i < data.length; i++) {
                bytes[i] = data.charCodeAt(i);
            }
            var blob = new Blob([bytes.buffer], { type: "application/octet-stream" });
            navigator.msSaveBlob(blob, filename);
            window.navigator.msSaveOrOpenBlob(blob);
        }
        else {
            var link = document.createElement('a');
            link.download = filename;
            link.href = "data:application/octet-stream;base64," + bytesBase64;
            document.body.appendChild(link); // Needed for Firefox
            link.click();
            document.body.removeChild(link);
        }
    }
</script>

<script type="text/javascript">
    /**
     * Saves the PDF data as a file on the client's system.
     * @param {string} filename - The name of the file to be created.
     * @param {string} bytesBase64 - The Base64 encoded string of the PDF data.
     */
    function saveAsFile(filename, bytesBase64) {
        if (navigator.msSaveBlob) {
            // Download the document in Microsoft Edge browser
            var data = window.atob(bytesBase64);
            var bytes = new Uint8Array(data.length);
            for (var i = 0; i < data.length; i++) {
                bytes[i] = data.charCodeAt(i);
            }
            var blob = new Blob([bytes.buffer], { type: "application/octet-stream" });
            navigator.msSaveBlob(blob, filename);
            window.navigator.msSaveOrOpenBlob(blob);
        }
        else {
            var link = document.createElement('a');
            link.download = filename;
            link.href = "data:application/octet-stream;base64," + bytesBase64;
            document.body.appendChild(link); // Needed for Firefox
            link.click();
            document.body.removeChild(link);
        }
    }
</script>

上述JavaScript函式從Blazor接收Base64資料，並將其轉換為blob，然後將其保存到客戶端位置。

或者，可以使用SaveAs方法，該方法來自ChromePdfRenderer類，也可以用來將PDF文件保存到瀏覽器的本地儲存中。