C#通过pdf.js实现pdf文件预览

在C#中，PDF.js是一个JavaScript库，用于在浏览器环境中提供交互式的PDF查看体验。如果你想要在Web应用程序中实现PDF文件的预览，通常会结合HTML、CSS和C#服务器端处理。下面是一种简单的步骤：

1. **安装依赖**：首先需要在前端项目中引入PDF.js库，这通常是通过npm或者直接在HTML中引用CDN。

<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfjs-dist/2.16.358/pdf.min.js"></script>

2. **服务器端处理**：将PDF文件保存到服务器上，然后提供一个HTTP请求API供前端获取PDF数据。C#可以使用如ASP.NET Core或旧版的ASP.NET MVC等框架来实现这个功能。

using System.IO;
// ...

[HttpGet]
public IActionResult GetPdf(string fileId)
{
    var filePath = Path.Combine("Your/Pdf/Folder", fileId + ".pdf");
    return File(filePath, "application/pdf");
}

3. **前端渲染**：在前端，当用户点击预览按钮时，发起GET请求获取PDF内容，并利用PDF.js展示。例如，在JavaScript中:

async function previewPdf(fileId) {
    const url = "/api/get-pdf/" + fileId; // 调用你的API路径
    const response = await fetch(url);
    const pdfUrl = URL.createObjectURL(await response.arrayBuffer());
    document.getElementById('pdfViewer').src = pdfUrl;
}

4. **创建PDF Viewer**：在HTML中添加一个`<div>`或`<iframe>`元素作为PDF viewer，比如使用`<object>`标签：

<object id="pdfViewer" type="application/pdf" width="100%" height="100%"></object>