starting file download with JavaScript

by

We do it that way:
First add this script.

<script type="text/javascript">
function populateIframe(id,path) 
{
    var ifrm = document.getElementById(id);
    ifrm.src = "https://stackoverflow.com/questions/365777/download.php?path="+path;
}
</script>

Place this where you want the download button(here we use just a link):

<iframe id="frame1" style="display:none"></iframe>
<a href="https://stackoverflow.com/questions/365777/javascript:populateIframe("frame1','<?php echo $path; ?>')">download</a>

The file ‘download.php’ (needs to be put on your server) simply contains:

<?php 
   header("Content-Type: application/octet-stream");
   header("Content-Disposition: attachment; filename=".$_GET['path']);
   readfile($_GET['path']);
?>

So when you click the link, the hidden iframe then gets/opens the sourcefile ‘download.php’. With the path as get parameter.
We think this is the best solution!

It should be noted that the PHP part of this solution is a simple demonstration and potentially very, very insecure. It allows the user to download any file, not just a pre-defined set. That means they could download parts of the source code of the site itself, possibly containing API credentials etc.

More Related Contents:

  1. Download a file by jQuery.Ajax
  2. download file using an ajax request
  3. Why threre is no way to download file using ajax request?
  4. How to set a header for a HTTP GET request, and trigger file download?
  5. Is there any limitation on JavaScript Max Blob size
  6. How can I get jQuery to perform a synchronous, rather than asynchronous, Ajax request?
  7. How to invoke a JSF managed bean on a HTML DOM event using native JavaScript?
  8. Asynchronously load images with jQuery
  9. Sequencing ajax requests
  10. What is the cleanest way to get the progress of JQuery ajax request?
  11. How do I send an AJAX request on a different port with jQuery?
  12. Is onload equal to readyState==4 in XMLHttpRequest?
  13. Multiple ajax calls inside a each() function.. then do something once ALL of them are finished?
  14. Can the unload Event be Used to Reliably fire ajax Request?
  15. Pure JavaScript code for HTTP Basic Authentication?
  16. Javascript – No ‘Access-Control-Allow-Origin’ header is present on the requested resource
  17. Simple ajax form using javascript no jQuery
  18. Is it possible to write to a file (on a disk) using JavaScript?
  19. CORS cookie credentials from mobile WebView loaded locally with file://
  20. Uploading File using Ajax in Asp.Net Core
  21. Why does jQuery.ajax() add a parameter to the url?
  22. XMLHttpRequest 206 Partial Content
  23. how to use jQuery ajax calls with node.js
  24. How to download a csv file using PhantomJS
  25. How to get direct url for youtube videos
  26. Annoying javascript timezone adjustment issue
  27. Permission denied to access property in IFRAME
  28. Intercept XMLHttpRequest and modify responseText
  29. ‘append’ called on an object that does not implement interface FormData
  30. How to convert a byte array into an image?

Leave a Comment