We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to display/generate PDF pages as thumbnails?

PDF Viewer for ASP.NET MVC does not support displaying thumbnails of the PDF file loaded, however as a workaround, the PDF pages are displayed as thumbnail by exporting the pages as images. Clicking the thumbnail image will navigate to the corresponding page in PDF Viewer.

 

You can export the Pdf document pages as images using the Syncfusion PDF Base library’s PdfLoadedDocument.ExportAsImage() method.  Refer to the following steps to create and display the PDF pages as thumbnail.

 

  1. Create the thumbnail pane using the HTML.

 

 

  1. Sending AJAX request to create the thumbnail images in the server-side and in the success of the AJAX request, PDF Viewer will be initialized.

 

 

  1. Export the PDF pages as images using the PdfLoadedDocument’s ExportAsImage() API.

 

 

  1. Place the images in the thumbnail pane.

 

 

 

  1. Click the thumbnail image to navigate to the corresponding page in PDF Viewer.

 

 

 

Sample:

http://www.syncfusion.com/downloads/support/directtrac/general/ze/PdfViewer_Thumbailsample-1383349585

 

Executing the previously given sample will provide the output as follows. Clicking the thumbnail image will display the corresponding page in PDF Viewer.

 

You can find the PDF Viewer’s other options like adding Toolbar Customization, TextMarkup annotation, and Handwritten Signature features here with code examples.

 

Refer here to explore the rich set of PDF Viewer features.

 

An online demo link to view PDF documents using Syncfusion PDF Viewer.

 

See Also:

 

https://www.syncfusion.com/jquery/aspnet-web-forms-ui-controls/pdf-viewer

https://www.syncfusion.com/jquery/javascript-ui-controls/pdf-viewer

https://www.syncfusion.com/uwp-ui-controls/pdf-viewer

https://www.syncfusion.com/winforms-ui-controls/pdf-viewer

https://www.syncfusion.com/wpf-ui-controls/pdf-viewer

 

Article ID: Published Date: Last Revised Date: Platform: Control:
8831 06/13/2018 11/26/2018 ASP.NET MVC PdfViewer
Did you find this information helpful?
Add Comment
You must log in to leave a comment

Please sign in to access our KB

or the page will be automatically redirected to sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon