How to add headers into iframe src?

Question

I have html like this:

<iframe src="https://google.com" width="450" height="200" frameborder="0"></iframe>

I need to add headers into src. How to do it? My app in Django.

Does this answer your query https://stackoverflow.com/questions/13432821/is-it-possible-to-add-request-headers-to-an-iframe-src-request — Zeeshan, Aug 04 '22 at 07:26
I don’t believe https is the issue, but [CORS](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS) is, to be precise. — Andy, Aug 04 '22 at 08:58

score 1 · Accepted Answer · edited Aug 04 '22 at 08:59

1

try This method, worked for me

<iframe title="iFrame sending additional headers"></iframe>
<script>
  async function getSrc() {
    const res = await fetch("https://httpdump.io/ze5pz/dumpyard", {
      method: 'GET',
      headers: {
        // Here you can set any headers you want
        'Accept-Language': 'en-EU'
      }
    });
    const blob = await res.blob();
    const urlObject = URL.createObjectURL(blob);
    document.querySelector('iframe').setAttribute("src", urlObject)
  }
  getSrc();
</script>

edited Aug 04 '22 at 08:59

Andy

4,783
2
26
51

answered Aug 04 '22 at 07:35

Nuhman Pk

112
7

it's doesn't work, fetch not work – AlexanderKondrat Aug 04 '22 at 07:42

How to add headers into iframe src?

1 Answers1