Convert JavaScript variable value to csv file

by

Depends on browser support, but that’s getting pretty good with new browsers: http://jsfiddle.net/3fMeL/2/

var CSV = [
    '"1","val1","val2","val3","val4"',
    '"2","val1","val2","val3","val4"',
    '"3","val1","val2","val3","val4"'
  ].join('\n');

window.URL = window.webkitURL || window.URL;

var contentType="text/csv";

var csvFile = new Blob([CSV], {type: contentType});

var a = document.createElement('a');
a.download = 'my.csv';
a.href = window.URL.createObjectURL(csvFile);
a.textContent="Download CSV";

a.dataset.downloadurl = [contentType, a.download, a.href].join(':');

document.body.appendChild(a);

So the first item is the Blob object, this creates the object that can be downloaded. https://developer.mozilla.org/en-US/docs/Web/API/Blob (http://caniuse.com/#search=blob)

The next part is the download attribute of the link, which informs the browser to download the CSV file rather than opening it in the browser window. (http://caniuse.com/#feat=download)

More Related Contents:

  1. How to display an chage photo option on mouse hover similar to linkedin using Javascript? [closed]
  2. How to send data to the server via Ajax?
  3. Input type="text" with select functionality after clicking on Input type="text"
  4. How to force browser to show image 3 inches wide?
  5. Making a quiz in HTML and Javascript [closed]
  6. HTML: how refresh information in [closed]
  7. HTML Form Submit pass array to PHP [closed]
  8. Add/Remove Class of Nav Objects on Page Scroll
  9. How to find certain text in HTML
  10. Where should I put tags in HTML markup?
  11. How can I select an element by name with jQuery?
  12. How to save an image to localStorage and display it on the next page?
  13. jQuery disable/enable submit button
  14. Can I use HTML tags in the options for select elements? [duplicate]
  15. Get class name using jQuery
  16. JQuery ajax progress via xhr
  17. Make function wait until element exists
  18. make html text input field grow as I type?
  19. How do you detect the clearing of a “search” HTML5 input?
  20. How to convert html table to excel with multiple sheet?
  21. How to defer inline Javascript?
  22. Bootstrap modal: is not a function
  23. Jquery .show() not revealing a div with visibility of hidden
  24. How to check if input file is empty in jQuery
  25. Fill available spaces between labels with dots or hyphens
  26. How to detect a click inside of an iframe (cross-domain)? Aka prevent click fraud
  27. Uncaught TypeError: Cannot read property ‘top’ of undefined
  28. get parent.location.url – iframe – from child to parent
  29. How can I get access to a Highcharts chart through a DOM-Container?
  30. open dropdown list from javascript function [duplicate]

Leave a Comment