การแสดงผล PDF ในเบราว์เซอร์เป็นสิ่งจำเป็นสำหรับแอปพลิเคชันเว็บสมัยใหม่ เช่น แพลตฟอร์มการจัดการเนื้อหา แดชบอร์ดภายใน กระบวนการจัดการเอกสาร และห้องสมุดออนไลน์ ในขณะที่การฝัง PDF แบบพื้นฐานด้วย <iframe> ใช้งานได้ แต่ขาดความยืดหยุ่น ความตอบสนอง และตัวเลือก UI ที่กำหนดเอง แนวทางที่ทรงพลังและปรับแต่งได้มากที่สุดคือการแปลงหน้าทาง PDF เป็น HTML และสร้างตัวดู PDF ออนไลน์ของคุณเอง

คู่มือเล่มนี้อธิบายวิธีการสร้างผู้ดู PDF ที่ทำงานในเบราว์เซอร์แบบเต็มรูปแบบโดยใช้ .NET REST API ดังนั้น ภายในช่วงท้ายของบทความนี้ คุณจะสามารถฝังผู้ดู PDF ที่ทันสมัย เบา และเหมาะกับมือถือ ลงในแอปพลิเคชันเว็บ C# ใด ๆ ได้

ทำไมต้องใช้ PDF Viewer?

การสร้างตัวดู PDF ออนไลน์โดยใช้ HTML มีข้อดีหลายประการ:

  • มือถือที่ตอบสนอง - เพจที่แปลงแล้วจะปรับขนาดโดยอัตโนมัติบนมือถือและแท็บเล็ต
  • ไม่มีปลั๊กอิน - ไม่มีการพึ่งพาปลั๊กอิน PDF ของเบราว์เซอร์
  • การโหลดที่เร็ว - โหลดเฉพาะ HTML ทีละหน้าแทนที่จะเป็น PDF ทั้งหมด。

API การแปลง PDF เป็น HTML

Aspose.PDF Cloud เป็น REST API ที่ยอดเยี่ยมซึ่งมีความสามารถที่ยอดเยี่ยมสำหรับการสร้าง PDF และการแปลงเป็นรูปแบบอื่น ๆ ที่รองรับที่แตกต่างกัน นอกจากนี้ยังรองรับการแปลง PDF เป็นรูปแบบ HTML อีกด้วย ตอนนี้เพื่อแปลงไฟล์ PDF เป็นรูปแบบเว็บ HTML ภายในแอปพลิเคชัน .NET ให้ลองใช้ Aspose.PDF Cloud SDK for .NET API

ขั้นตอนที่ 1 — ติดตั้ง Cloud SDK.

ติดตั้ง Aspose.PDF Cloud SDK สำหรับ .NET ผ่าน NuGet Package Manager:

Install-Package Aspose.PDF-Cloud

ขั้นตอนที่ 2 - ข้อมูลรับรองคลาวด์. Obtain your Client ID and Client Secret from Aspose Cloud dashboard.

ส่งออก PDF เป็น HTML โดยใช้ C#

ด้านล่างนี้เป็นรายละเอียดเกี่ยวกับวิธีที่เราสามารถพัฒนา "ผู้ดู PDF ออนไลน์" โดยใช้ C# .NET.

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 archive
pdfApi.PutPdfInRequestToHtml("converted.zip",documentType: "Html5", 
    splitIntoPages: true, rasterImagesSavingMode: "AsPngImagesEmbeddedIntoSvg", 
    outputFormat: "Zip" , file: inputFile);

บันทึก PDF เป็น HTML โดยใช้ cURL

นอกจากโค้ด C# แล้ว คุณยังสามารถพิจารณาการส่งออก PDF เป็น HTML โดยใช้ Aspose.PDF Cloud และคำสั่ง cURL ได้อีกด้วย

ขั้นตอนที่ 1: สร้าง Access Token:

ขั้นตอนแรกในแนวทางนี้คือการสร้าง JWT access token ตามข้อมูลประจำตัวของลูกค้า

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 to html

แอปส์แปลง PDF ฟรีเป็น HTML

ข้อสรุป

การสร้างผู้ดู PDF ออนไลน์ใน C# เป็นเรื่องง่ายเมื่อใช้การแปลง PDF → HTML ผ่าน Aspose.PDF Cloud REST API หน้า HTML จะแสดงผลในเบราว์เซอร์โดยตรง ทำให้คุณสามารถสร้างผู้ดู PDF ที่มีฟีเจอร์ครบถ้วนและปรับแต่งได้ตามต้องการโดยไม่ต้องใช้ปลั๊กอิน

ไม่ว่าคุณจะกำลังพัฒนาเอกสารพอร์ทัล เครื่องมือภายใน หรือแอปพลิเคชันเว็บสาธารณะ การแปลง PDF เป็นฟอร์แมต HTML จะช่วยให้สามารถดูไฟล์ PDF ออนไลน์ได้อย่างยืดหยุ่น โดยไม่จำเป็นต้องมี Adobe Acrobat หรือซอฟต์แวร์ใด ๆ อื่น ๆ

ลิงก์ที่เป็นประโยชน์

บทความที่เกี่ยวข้อง

เราขอแนะนำให้คุณเยี่ยมชมบล็อกโพสต์ต่อไปนี้เพื่อข้อมูลเกี่ยวกับ: