Việc hiển thị PDF trong trình duyệt là điều cần thiết cho các ứng dụng web hiện đại như cổng thông tin quản lý nội dung, bảng điều khiển nội bộ, quy trình tài liệu và thư viện trực tuyến. Mặc dù việc nhúng PDF cơ bản với <iframe> hoạt động, nhưng nó thiếu tính linh hoạt, khả năng phản hồi và các tùy chọn giao diện người dùng tùy chỉnh. Cách tiếp cận mạnh mẽ và có thể tùy chỉnh nhất là chuyển đổi các trang PDF thành HTML và xây dựng trình xem PDF trực tuyến của riêng bạn.

Hướng dẫn này giải thích cách tạo một trình xem PDF dựa trên trình duyệt đầy đủ sử dụng .NET REST API. Vì vậy, vào cuối bài viết này, bạn sẽ có thể nhúng một trình xem PDF hiện đại, nhẹ và thân thiện với thiết bị di động vào bất kỳ ứng dụng web C# nào.

Tại sao là Trình xem PDF?

Xây dựng một trình xem PDF trực tuyến bằng HTML có một số lợi ích:

  • Responsive di động - Các trang đã chuyển đổi tự động điều chỉnh kích thước trên di động và máy tính bảng.
  • Plugin-Free - Không phụ thuộc vào các plugin PDF trên trình duyệt.
  • Tải nhanh - Tải chỉ từng trang HTML thay vì toàn bộ PDF.

API chuyển đổi PDF sang HTML

Aspose.PDF Cloud là một REST API tuyệt vời cung cấp các khả năng tuyệt vời để tạo và chuyển đổi PDF sang nhiều định dạng khác được hỗ trợ. Tương tự, nó cũng hỗ trợ chuyển đổi PDF sang định dạng HTML. Bây giờ, để chuyển đổi tệp PDF sang định dạng web HTML trong ứng dụng .NET, hãy thử sử dụng Aspose.PDF Cloud SDK for .NET API.

Bước 1 — Cài đặt Cloud SDK.

Cài đặt Aspose.PDF Cloud SDK cho .NET qua Trình quản lý Gói NuGet:

Install-Package Aspose.PDF-Cloud

Bước 2 - Tài khoản đám mây. Lấy Client ID và Client Secret từ Aspose Cloud dashboard.

Xuất PDF sang HTML bằng C#

Dưới đây là chi tiết về cách chúng ta có thể phát triển “trình xem PDF trực tuyến” bằng C# .NET.

PdfApi pdfApi = new PdfApi(clientSecret, clientID);

Tạo một thể hiện của đối tượng PdfApi trong khi truyền chi tiết bí mật của khách hàng làm đối số.

var pdfFile = System.IO.File.OpenRead(inputFile);

Tải tệp PDF đầu vào từ ổ đĩa địa phương vì API này yêu cầu tệp PDF đầu vào dưới dạng tham số.

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

// Lấy thông tin xác thực của khách hàng từ https://dashboard.aspose.cloud/
string clientSecret = "XXXXXXXX";
string clientID = "XXXXXX-XXXXX-XXXX-XXXXX-ff5c3a6aa4a2";

// tạo một phiên bản của 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);

// Gọi API để chuyển đổi tệp PDF thành HTML và lưu đầu ra vào lưu trữ đám mây.
// Đầu ra sẽ được tạo dưới dạng tệp lưu trữ .ZIP.
pdfApi.PutPdfInRequestToHtml("converted.zip",documentType: "Html5", 
    splitIntoPages: true, rasterImagesSavingMode: "AsPngImagesEmbeddedIntoSvg", 
    outputFormat: "Zip" , file: inputFile);

Lưu PDF dưới dạng HTML bằng cách sử dụng cURL

Ngoài đoạn mã C#, bạn cũng có thể xem xét việc xuất PDF dưới dạng HTML bằng cách sử dụng Aspose.PDF Cloud và lệnh cURL.

Bước 1: Tạo Mã Truy Cập:

Bước đầu tiên trong cách tiếp cận này là tạo mã thông báo truy cập JWT dựa trên thông tin xác thực của khách hàng.

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"

Bước 2. Lưu PDF dưới dạng 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"

Thay thế {ACCESSTOKEN} và inputPDF bằng mã thông báo thực tế và tệp PDF của bạn có sẵn trong bộ nhớ đám mây.

Chuyển đổi PDF sang HTML trực tuyến miễn phí

Để kiểm tra khả năng của REST API trong trình duyệt web, bạn có thể xem xét việc sử dụng ứng dụng chuyển đổi PDF to HTML converter miễn phí trực tuyến của chúng tôi. Không cần tải về hay cài đặt phần mềm.

pdf to html

Free PDF to HTML Converter App.

Kết luận

Xây dựng một trình xem PDF trực tuyến trong C# trở nên đơn giản khi sử dụng chuyển đổi PDF → HTML thông qua Aspose.PDF Cloud REST API. Các trang HTML được kết xuất tự nhiên trong các trình duyệt, cho phép bạn xây dựng một trình xem PDF đầy đủ tính năng và hoàn toàn tùy chỉnh mà không cần các plugin.

Cho dù bạn đang phát triển một cổng tài liệu, một công cụ nội bộ, hay một ứng dụng web công khai — việc chuyển đổi PDF sang định dạng HTML mang lại sự linh hoạt để xem các tệp PDF trực tuyến, mà không cần Adobe Acrobat hoặc bất kỳ phần mềm nào khác.

Liên kết hữu ích

Các bài báo liên quan

Chúng tôi rất khuyến nghị bạn nên truy cập các bài viết trên blog sau đây để biết thông tin về: