How to set a file name using window.open

by

You can achieve this using the download attribute for <a> elements. For example:

<a href="https://stackoverflow.com/questions/7034754/1251354216241621.txt" download="your-foo.txt">Download Your Foo</a>

This attribute indicates that the file should be downloaded (instead of displayed, if applicable) and specifies which filename should be used for the downloaded file.

Instead of using window.open() you could generate an invisible link with the download attribute and .click() it.

var str = "Name, Price\nApple, 2\nOrange, 3";
var uri = 'data:text/csv;charset=utf-8,' + str;

var downloadLink = document.createElement("a");
downloadLink.href = uri;
downloadLink.download = "data.csv";

document.body.appendChild(downloadLink);
downloadLink.click();
document.body.removeChild(downloadLink);

Unfortunately this isn’t supported in all browsers, but adding it won’t make things worse for other browsers: they’ll continue to download the files with useless filenames. (This assumes that you’re using a MIME type is that their browser attempts to download. If you’re trying to let the user download an .html file instead of displaying it, this won’t do you any good in unsupported browsers.)

More Related Contents:

  1. Why is set.timeout not working in this php while loop?
  2. Download File Using JavaScript/jQuery
  3. How to download a file with Node.js (without using third-party libraries)?
  4. How to trigger a file download when clicking an HTML button or JavaScript
  5. Using HTML5/JavaScript to generate and save a file
  6. Cannot open local file – Chrome: Not allowed to load local resource
  7. Chrome, Javascript, window.open in new tab
  8. Download A File At Different Location Using HTML5
  9. How to download a file without using element with download attribute or a server?
  10. how to download file in react js
  11. Download image with JavaScript
  12. How can I let a user download multiple files when a button is clicked?
  13. Detect when user accepts to download a file
  14. Why is window.showModalDialog deprecated? What to use instead?
  15. Get browser download path with javascript
  16. window.opener is null after redirect
  17. Is it possible to initiate a download prompt in the browser for recognized MIME types using only JavaScript (client-side approach)?
  18. Window.Open POST
  19. Downloading Canvas element to an image
  20. How to set a header for a HTTP GET request, and trigger file download?
  21. Is there any limitation on JavaScript Max Blob size
  22. How to get the references of all already opened child windows
  23. window.open behaviour in chrome tabs/windows
  24. Download files like mega.co.nz
  25. How to download a csv file using PhantomJS
  26. How to get direct url for youtube videos
  27. Trigger a Browser’s Save-As Dialog via Javascript using only On-page data
  28. Blob createObjectURL download not working in Firefox (but works when debugging)
  29. window.open returns null and fails in inline script but works from console
  30. Javascript “window.open” code won’t work in Internet Explorer 7 or 8

Leave a Comment