PDFViewer in Razor Pages
Razor Pages is an alternative to the MVC pattern that makes page-focused coding easier and more productive. This approach consists of a cshtml file and a cshtml.cs file (by design, the two files have the same name).
You can seamlessly integrate the Telerik UI PDFViewer for ASP.NET Core in Razor Pages applications.
This article describes how to configure the PDFViewer component in a Razor Pages scenario.
PDFjs Processing
The following example demonstrates how to initialize the PDFViewer in RazorPage project by using PDF.JS:
@page
@model Telerik.Examples.RazorPages.Pages.PDFViewer.PDFViewerIndexModel
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.2/pdf.js"></script>
<script>
window.pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.2/pdf.worker.js';
</script>
@inject Microsoft.AspNetCore.Antiforgery.IAntiforgery Xsrf
@Html.AntiForgeryToken()
<h1>PDFViewerPDFJSProcessing</h1>
@(Html.Kendo().PDFViewer()
.Name("pdfviewer")
.PdfjsProcessing(pdf => pdf.File(Url.Content("~/sample.pdf")))
.Height(1200)
)
<kendo-pdfviewer height="1200"
name="pdfviewer">
<pdfjs-processing file="@Url.Content("~/sample.pdf")"/>
</kendo-pdfviewer>
public class PDFViewerIndexModel : PageModel
{
public void OnGet()
{
}
}
DPL Processing
The following example demonstrates how to initialize the PDFViewer by using the Telerik Document Processing library:
@page
@model Telerik.Examples.RazorPages.Pages.PDFViewer.PDFViewerDPLModel
@inject Microsoft.AspNetCore.Antiforgery.IAntiforgery Xsrf
@Html.AntiForgeryToken()
<h1>PDFViewerDPLProcessing</h1>
@(Html.Kendo().PDFViewer()
.Name("pdfviewer")
.DplProcessing(dpl =>
{
dpl.Read(r=>r.Url("/PDFViewer/PDFViewerDPL?handler=Read"));
})
)
<kendo-pdfviewer name="pdfviewer">
<dpl-processing>
<read url="/PDFViewer/PDFViewerDPL?handler=Read"/>
</dpl-processing>
</kendo-pdfviewer>
public class PDFViewerDPLModel : PageModel
{
private IHostingEnvironment _hostingEnvironment;
public PDFViewerDPLModel(IHostingEnvironment environment)
{
_hostingEnvironment = environment;
}
public void OnGet()
{
}
public IActionResult OnGetRead(int? pageNumber)
{
string filePath = Path.Combine(_hostingEnvironment.WebRootPath, "sample.pdf");
FileStream stream = new FileStream(filePath, FileMode.Open, FileAccess.Read);
JsonResult jsonResult;
FixedDocument doc = FixedDocument.Load(stream);
if (pageNumber == null)
{
jsonResult = new JsonResult(doc.ToJson());
}
else
{
jsonResult = new JsonResult(doc.GetPage((int)pageNumber));
}
return jsonResult;
}
}