How do I create and download a csv file using Javascript?

Question

I have this code in a button:

var csvContent = "data:text/csv;charset=utf-8,";
csvContent += myCSVcontent;

var encodedUri = encodeURI(csvContent);
window.open(encodedUri);

This works perfectly in Chrome, Safari, and Firefox.
- But not IE8 - I need Internet Explorer 8 compatibility.

When I click the button that calls the code above it downloads the .csv file to my computer.
When I click the button in IE8 though, it opens a new IE8 window with all the csv contents in the address bar and does not download (or ask to download) anything.

Unfortunately, I have to have IE8 compatibility. How can I make this work?

Edit: I must avoid any additional calls to the server. Everything needs to happen client side. This is currently working in all browsers except IE8 (and possibly IE9).

Edit2: When I change the last line to "document.location.href= encodedUri;" it will still work on all other browsers but in IE8 when I click the button I get an error window that says "The data area passed to a system call is too small." Any idea what that is telling me?

possible duplicate of Utility of HTTP header "Content-Type: application/force-download" for mobile? — Laurent S.
– Laurent S., Commented Dec 30, 2013 at 16:18
In Chrome this is blocked as a pop-up (at least in v35 it is). — Warpling
– Warpling, Commented May 29, 2014 at 15:57

bhasky · Accepted Answer · 2014-11-05 19:55:39Z

0

"data:text/csv;" is HTML5 so it will not work for IE8, i'm able to solve this using ActivexObject, but it's writing the file to user's desktop and no popup

var csv = new ActiveXObject("scripting.FileSystemObject");
var fLoc = csv.CreateTextFile(fileName);
fLoc.WriteLine(csvData);
fLoc.close();

answered Nov 5, 2014 at 19:55

bhasky

111 bronze badge

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How do I create and download a csv file using Javascript?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related