Assistance with what Im doing wrong

[choff5507]

I am trying to get my PDF to display in this plugin but I must be making some newbie mistakes. I believe Ive got the data formatted properly but the component never displays and I am not sure why.

Im preparing the data like this:

pdfData = await new Blob([event.files[0]], {type: 'application/pdf'}).arrayBuffer()
pdfData = new Uint8Array(pdfData)
pdfData = `data:application/pdf;base64,<${pdfData}>`

At the end pdfData is what I am using for the :source . I then set the v-if=displayPDF to True but nothing displays. Im sure it's something small but could anyone point me to what Im doing wrong?

thank you

[hrynko]

Hi @choff5507,

I think you're missing the target of the event. Also you don't have to convert the input into base64, since the lib accepts TypedArray as a source as well. You can try the following:

const file = event.target.files[0];
const reader = new FileReader();
reader.onload = () => {
  const typedarray = new Uint8Array(reader.result);
};
reader.readAsArrayBuffer(file);

Then use this typedarray as the source for you component. Hope this helps.

UPD: Added readAsArrayBuffer after noticing in thread.

[hrynko]

There is a numPages property in PDFDocumentProxy. An example of page control can be found in the "Examples" section of the README. Zoom can be implemented with the width/height or scale props (will become available later this week).

[choff5507]

Ah ok thanks, looking forward to the update!

[choff5507]

I have one other question for you if you have some insight to it. Whenever I increment the page number on a PDF Document using this component it makes my page scroll to the top instead of keeping it in the same position as it was. The vue-pdf-embed component is a child component in another component. Ive tried several thngs to handle this but it still seems to do it. Do you have any advice on how to handle this ?

[hrynko]

There can be many reasons and solutions for this. Unfortunately, without knowing your code, I can hardly help you.

[choff5507]

Id be willing to share it with you if you're inclined. If not, I completely understand as well.