Javascript: set filename to be downloaded

by

i wrote a tool you can use to save a file to the downloads folder of the local machine with a custom filename, if that’s possible on the client’s machine.

as of this writing, you need chrome, firefox, or IE10 for that specific capability, but this tool falls-back to an un-named download if that’s all that’s available, since something is better than nothing…

for your use:

download(csv, "dowload.csv", "text/csv");

and the magic code:

function download(strData, strFileName, strMimeType) {
    var D = document,
        a = D.createElement("a");
        strMimeType= strMimeType || "application/octet-stream";


    if (navigator.msSaveBlob) { // IE10
        return navigator.msSaveBlob(new Blob([strData], {type: strMimeType}), strFileName);
    } /* end if(navigator.msSaveBlob) */


    if ('download' in a) { //html5 A[download]
        a.href = "https://stackoverflow.com/questions/16376161/data:" + strMimeType + "," + encodeURIComponent(strData);
        a.setAttribute("download", strFileName);
        a.innerHTML = "downloading...";
        D.body.appendChild(a);
        setTimeout(function() {
            a.click();
            D.body.removeChild(a);
        }, 66);
        return true;
    } /* end if('download' in a) */


    //do iframe dataURL download (old ch+FF):
    var f = D.createElement("iframe");
    D.body.appendChild(f);
    f.src = "https://stackoverflow.com/questions/16376161/data:" +  strMimeType   + "," + encodeURIComponent(strData);

    setTimeout(function() {
        D.body.removeChild(f);
    }, 333);
    return true;
} /* end download() */

update: added future-resistant IE routine

update2: checkout the evolved version on GitHub that includes dataURL and Blob support.

More Related Contents:

  1. Example JavaScript code to parse CSV data
  2. How to export JavaScript array info to csv (on client side)?
  3. Is there a built in way to convert a comma-separated string to an array?
  4. How to convert JSON to CSV format and store in a variable
  5. How can I parse CSV data with JavaScript?
  6. Export to csv in jQuery
  7. Export table from database to csv file
  8. How to convert CSV to JSON in Node.js
  9. download csv file from web api in angular js
  10. Converting JSON object to CSV format in JavaScript
  11. Importing data from multiple csv files in D3
  12. JavaScript array to CSV
  13. Using javascript to download file as a.csv file
  14. How to parse CSV data?
  15. Javascript to csv export encoding issue
  16. How do I stream response in express?
  17. Javascript: Splitting a string by comma but ignoring commas in quotes
  18. How can I read a local file with Papa Parse?
  19. read csv/tsv with no header line in D3
  20. How can I use async/await at the top level?
  21. Javascript Equivalent to PHP Explode()
  22. Geojson map with D3 only rendering a single path in a feature collection
  23. How do promises work in JavaScript?
  24. Objects and arrays addition
  25. How to unsubscribe from a socket.io subscription?
  26. How to determine the best “framerate” (setInterval delay) to use in a JavaScript animation loop?
  27. How can I get the 4 Mondays of a month with js?
  28. HTML5 drop event doesn’t work unless dragover is handled
  29. How is AngularJS different from jQuery
  30. What are the key differences between JavaScript and ActionScript 3?

Leave a Comment