How to download a file from iframe in javascript?
How to download a file from iframe in javascript?
1 answer
by
elisha_langworth ,
3 months ago
@adan
You cannot download a file directly from an iframe using JavaScript due to security restrictions. However, you can achieve this by creating a hidden anchor element, setting its href attribute to the file URL, and then triggering a click event on the anchor element. Here is an example code snippet:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
// Find the iframe element
var iframe = document.getElementById('your-iframe-id');
// Get the document object of the iframe
var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
// Find the link element inside the iframe
var link = iframeDoc.getElementById('link-to-file-id');
// Create a hidden anchor element
var anchor = document.createElement('a');
anchor.style.display = 'none';
document.body.appendChild(anchor);
// Set the href attribute of the anchor element to the file URL
anchor.href = link.href;
// Trigger a click event on the anchor element to start the download
anchor.click();
// Clean up
document.body.removeChild(anchor);
|
In this code snippet, your-iframe-id is the ID of the iframe element containing the file you want to download, and link-to-file-id is the ID of the link element inside the iframe that points to the file. This code snippet will programmatically trigger the download of the file when executed.