snowberb – 11-12 Sep 19

How can I change the PDF title after using an iframe to display a base64 pdf? I tried with:

const newTab = window.open('');

    if (newTab) {
      newTab.document.title = documentName;
      newTab?.document.write(
        `<iframe title="${documentName}" width='100%' height='100%' src='data:application/pdf;base64,${encodeURI(
          base64,
        )}'></iframe>`,
      );
    }

const newTab = window.open('');

    if (newTab) {
      newTab.document.title = documentName;
      newTab?.document.write(
        `<iframe title="${documentName}" width='100%' height='100%' src='data:application/pdf;base64,${encodeURI(
          base64,
        )}'></iframe>`,
      );
    }

8 Replies

Unknown User•2y ago

Message Not Public

SniberbOP•2y ago

Tried like this and didnt work:

const newTab = window.open('');

    if (newTab) {
      newTab.onload = () => {
        newTab.document.title = documentName;
      };
      newTab?.document.write(
        `<iframe title="${documentName}" width='100%' height='100%' src='data:application/pdf;base64,${encodeURI(
          base64,
        )}'></iframe>`,
      );
    }

const newTab = window.open('');

    if (newTab) {
      newTab.onload = () => {
        newTab.document.title = documentName;
      };
      newTab?.document.write(
        `<iframe title="${documentName}" width='100%' height='100%' src='data:application/pdf;base64,${encodeURI(
          base64,
        )}'></iframe>`,
      );
    }

SniberbOP•2y ago

Btw im not trying to change the navigator tab name, I want to change the PDF file name

SniberbOP•2y ago

ScriptyChris•2y ago

You want to change frame's title attribute? Try querying the iframe element and then just change its title attribute Something like :

newTab.document.querySelector(`[title="${documentTitle}"]`).title = 'new title' ;

newTab.document.querySelector(`[title="${documentTitle}"]`).title = 'new title' ;

SniberbOP•2y ago

no, the file name not the tab name I literally sent a screenshot

ScriptyChris•2y ago

On what DOM element that file name is set? You should be able to modify, but i wonder why do you want to change the title instead of setting it already to the correct one? You could also try changing the title in the base64 - decode it, change title, encode and put back into the iframe

reactibot•2y ago

This thread hasn’t had any activity in 36 hours, so it’s now locked. Threads are closed automatically after 36 hours. If you have a followup question, you may want to reply to this thread so other members know they're related. https://discord.com/channels/102860784329052160/565213527673929729/1153649839402397707

snowberb – 11-12 Sep 19

Did you find this page helpful?