[PDF Embed API] replace loaded pdf file

[Alon5FCD]

Hi all,

Let's say i loaded a PDF file successfully.

I want to load another file with the same viewer & config. how can i do it?

[Joel Geraci]

Set the DCView object to null and then just load the second PDF as you did the first. I have a working example at this CodePen.

[Alon5FCD]

Thank you for your reply.

I think I should let you in some more details.

i have a thumbnail list in react and when i navigate between one pdf to another, i loose the  adobeDCView state and while navigating the ComponentUnmount does not trigger. saving this in local state also not a good idea...

Any advise?

[Joel Geraci · Accepted solution]

I don't work with React enough to advise you on the specifics there. However, before loading a new PDF, you are going to need to set the adobeDCView object to null. You also might need to empty the container element prior to doing so before ComponentUnmount triggers.

[Alon5FCD]

Thank you!

"empty the container element" worked for me