在瀏覽器中顯示 PDF 檔案對於現代網頁應用程式如內容管理門戶、內部儀表板、文件工作流程和線上圖書館非常重要。雖然使用 <iframe> 進行基本的 PDF 嵌入是可行的,但它缺乏靈活性、響應性和自定義 UI 選項。最強大且可自定義的方法是將 PDF 頁面轉換為 HTML 並建立您自己的在線 PDF 查看器。
本指南說明如何使用 .NET REST API 創建一個完整的基於瀏覽器的 PDF 查看器。因此,到了本文結尾,您將能夠將現代、輕量級、適合移動設備的 PDF 查看器嵌入到任何 C# 網絡應用程序中。
為什麼選擇 PDF 查看器?
使用 HTML 建立線上 PDF 檢視器具有幾個優點:
- 行動響應 - 轉換的頁面在手機和平板上自動縮放。
- 無插件 - 不依賴於瀏覽器PDF插件。
- 快速加載 - 只加載逐頁的 HTML,而不是整個 PDF。
PDF 轉 HTML 轉換 API
Aspose.PDF Cloud 是一個出色的 REST API,提供了驚人的 PDF 生成和轉換為各種其他支持格式的功能。類似地,它還支持將 PDF 轉換為 HTML 格式。現在,為了在 .NET 應用程序中將 PDF 文件轉換為 HTML 網頁格式,請嘗試使用 Aspose.PDF Cloud SDK for .NET API。
步骤 1 - 安装 Cloud SDK。
透過 NuGet 套件管理器安裝 Aspose.PDF Cloud SDK for .NET:
Install-Package Aspose.PDF-Cloud
步驟 2 - 雲端憑證。 從 Aspose Cloud 儀表板獲取您的客戶端 ID 和客戶端密鑰。
導出 PDF 至 HTML 使用 C#
以下是我們如何使用 C# .NET 開發「線上 PDF 檢視器」的詳細資訊。
PdfApi pdfApi = new PdfApi(clientSecret, clientID);
創建一個 PdfApi 物件的實例,並將客戶端密鑰細節作為參數傳遞。
var pdfFile = System.IO.File.OpenRead(inputFile);
從本地驅動器加載輸入的 PDF 檔案,因為此 API 需要將輸入 PDF 作為參數。
pdfApi.PutPdfInRequestToHtml("converted.zip",documentType: "Html5",
splitIntoPages: true, rasterImagesSavingMode: "AsPngImagesEmbeddedIntoSvg",
outputFormat: "Zip" , file: "inputPDF.pdf");
/ For more examples, https://github.com/aspose-pdf-cloud/aspose-pdf-cloud-dotnet/tree/master/Examples
// 從 https://dashboard.aspose.cloud/ 獲取客戶端憑證
string clientSecret = "XXXXXXXX";
string clientID = "XXXXXX-XXXXX-XXXX-XXXXX-ff5c3a6aa4a2";
// 創建 PdfApi 的實例
PdfApi pdfApi = new PdfApi(clientSecret, clientID);
// Input PDF file name
String inputFile = "input.pdf";
// read the content of input PDF file
var pdfFile = System.IO.File.OpenRead(inputFile);
// 呼叫 API 將 PDF 文件轉換為 HTML 並將輸出保存到雲端存儲。
// 輸出將以 .ZIP 檔案格式生成
pdfApi.PutPdfInRequestToHtml("converted.zip",documentType: "Html5",
splitIntoPages: true, rasterImagesSavingMode: "AsPngImagesEmbeddedIntoSvg",
outputFormat: "Zip" , file: inputFile);
使用 cURL 將 PDF 另存為 HTML
除了 C# 代碼片段,您還可以考慮使用 Aspose.PDF Cloud 和 cURL 命令將 PDF 匯出為 HTML。
步驟 1:生成訪問令牌:
此方法的第一步是根據客戶端憑證生成 JWT 存取令牌。
curl -v "https://api.aspose.cloud/connect/token" \
-X POST \
-d "grant_type=client_credentials&client_id=YOUR_CLIENT_ID&client_secret=YOUR_CLIENT_SECRET" \
-H "Content-Type: application/x-www-form-urlencoded" \
-H "Accept: application/json"
步驟 2。將 PDF 另存為 HTML:
curl -v "https://api.aspose.cloud/v3.0/pdf/{inputPDF}/convert/html?compressSvgGraphicsIfAny=false&documentType=Html5&fixedLayout=true&splitIntoPages=false&rasterImagesSavingMode=AsPngImagesEmbeddedIntoSvg&removeEmptyAreasOnTopAndBottom=true&flowLayoutParagraphFullWidth=true" \
-X GET \
-H "accept: multipart/form-data" \
-H "authorization: Bearer {ACCESS_TOKEN}" \
-o "Converted.zip"
將 {ACCESSTOKEN} 和 inputPDF 替換為您在雲端存儲中實際的令牌和 PDF 文件。
免費線上 PDF 轉 HTML 轉換器
為了測試在網頁瀏覽器中使用 REST API 的能力,您可以考慮使用我們的免費線上 PDF to HTML converter 應用程式。無需下載或安裝任何軟體。
免費 PDF 轉 HTML 轉換器應用程式。
結論
在 C# 中建立一個線上 PDF 檢視器時,透過 Aspose.PDF Cloud REST API 使用 PDF → HTML 轉換使得這變得簡單。HTML 頁面在瀏覽器中原生渲染,讓您可以建立一個功能豐富且完全可自訂的 PDF 檢視器,而無需插件。
無論您是在開發文件入口網站、內部工具還是公共網站應用程式 — 將 PDF 轉換為 HTML 格式使得可以靈活地在線查看 PDF 文件,而無需 Adobe Acrobat 或其他任何軟體。
有用的連結
相關文章
我們強烈建議參閱以下博客文章以獲取以下資訊: