How to Pass Headers With PDF Viewer

[Ervin van der Merwe]

Hi, we use token authentication for requests to our APIs. How can one pass headers from the Angular PDF Viewer control?

I see it is possible with the Upload control:https://www.syncfusion.com/forums/137438/passing-header-with-the-url

Thanks

[Akshaya Arivoli]

Hi Ervin, 

Thank you for contacting Syncfusion support. 

We can add Authorization header to the PDF Viewer control’s Ajax request in the sample level.  Kindly include the below code in ngOnInit() of TS file, 

ngOnInit(): void {             

             (<any> XMLHttpRequest).prototype.realSend = XMLHttpRequest.prototype.send; 

        var newSend = function (vData)  {       

                this.setRequestHeader('Authorization', 'Bearer 64565dfgfdsjweiuvbiuyhiueygf');           

            this.realSend(vData); 

        }; 

        XMLHttpRequest.prototype.send = newSend; 

    } 

The XMLHttpRequest’s method setRequestHeader(), adds custom HTTP headers to the request.  

We have created the sample for the same and shared in the following location, 

https://www.syncfusion.com/downloads/support/directtrac/general/ze/my-app_Authentication1715968051  

Please find the below KB link for reference, 

https://www.syncfusion.com/kb/10334/how-to-add-anti-forgery-token-to-the-pdfviewercontrol  

Please try this and let us know if you have any concerns on this. 

Regards, 

Akshaya 

[Ervin van der Merwe]

Thanks this worked well.

[Akshaya Arivoli]

Hi Ervin, 

Thank you for your update. Please feel free to contact us if you have any other concerns. 

Regards, 

Akshaya