Can't load file from RadPdfViewer

2 Answers 604 Views

Ajax PdfViewer

2 Answers, 1 is accepted

answered on 18 Feb 2022, 03:11 PM

Hello loic,

Can you, please, provide a bit more details on the exact scenario in which the problem occurs?

Are you facing the issue in all browsers or just in specific one? If it is IE, can you ensure that it is not running in Compatibility mode?
Which version of the controls do you use?
Are you facing the same issue in our online demos here? If no - can you compare the setup of the demo with your actual one?

We would greatly appreciate it if you share the Fiddler Jam capture with us as it will provide most of the needed information.

https://docs.telerik.com/devtools/aspnet-ajax/integration-with-other-telerik-products/common-capture-issues-with-fiddler-jam

To make the capture easier for you, you can use the link below that will pre-configure the extension and make the capturing process even quicker:

https://jam.getfiddler.com/recording-links/bf148e2e6c547955527c03f132a2288b46637e2a3f4f0b2895b6c0366be978ea385eeb8855a1594aa141b5fceec9e2ea

Looking forward to your reply!

Regards,
Vessy
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

loic

commented on 21 Feb 2022, 08:50 AM

Hello,

I'm facing the issue on all browsers
My version of Telerik.Web.UI is 2022.1.119.45
I'm not facing the issue on the telerik website, but when I paste the demo page in my project I have the same issue

Here's the fiddler jam capture :

https://jam.getfiddler.com/spaces/74e26b9d-6f6d-4f05-afa6-442f060ffe39/7d8827cd-d7c8-4fc3-a868-8e9484ead0c6?pt=92d9fbbf3e1b34473e4171a7261a924eb59434e0baa05b11de85621c738a2640c7e6d5182a35404384fd584938bafaae

answered on 21 Feb 2022, 06:34 PM

Hi loic,

Thanks a lot for the provided Fiddler log.

RadPdfViewer is based on the PDF.js library so it will be registered on the page in order for the control to be able to function. Please, add the below highlighted script to the page and let me know what the result is:

<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.2/pdf.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.2/pdf.worker.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <script type="text/javascript">
        window.pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.2/pdf.worker.js';
    </script>
    <div class="demo-container size-wide no-bg" runat="server">
        <telerik:RadPdfViewer runat="server" ID="RadPdfViewer2" Height="550px" Width="100%" Scale="0.9">
            <PdfjsProcessingSettings File="../Document.pdf">
            </PdfjsProcessingSettings>
        </telerik:RadPdfViewer>
    </div>

Regards,
Vessy
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

michael

commented on 20 Apr 2022, 11:11 AM

Loic, Vessy,

Have you made any progress on this? I am having the same problem.

It was always slow, but used to work just fine but seems to have stopped fairly recently (not sure if it was the last update of the ASP JAX library or one prior). Did anything change in the Library that perhaps I needed to update in my code?

Mike

Vessy

commented on 21 Apr 2022, 01:30 PM

Hi michael,

There are some important updates introduced in the latest version of the PDF.js library. Can you, please, try loading the Pdf viewer with the latest version of the PDF.js like shown below and see what the result will be?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.13.216/pdf.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.13.216/pdf.worker.js"></script>
    <script type="text/javascript">
        window.pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.13.216/pdf.worker.js';
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        </telerik:RadScriptManager>
        <div>
            <telerik:RadPdfViewer ID="pdfViewer" runat="server">
                <PdfjsProcessingSettings File="Employee Performance Evaluation Jan 2022.pdf" />
            </telerik:RadPdfViewer>
        </div>
    </form>
</body>
</html>