Question

142

Javascript - Download CSV as File

rated 0 times [ 143] [ 1] / answers: 1 / hits: 38264 / 11 Years ago, fri, january 17, 2014, 12:00:00

I'm messing with some javascript to download some csv text:

<script>

var data = 'Column One,Column Two,Column Three';

window.location.href = 'data:text/csv;charset=UTF-8,' + encodeURIComponent(data);

</script>

So far this is working, but as the browser prompts me to save the file, there is no filename, nor extension.

How can I predetermine the name of the file and it's extension, inside the window.location.href ?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

domeniccolti

Add To Favorites

Follow

Total Points: 276

Total Questions: 98

Total Answers: 93

Location: India

Member since Fri, May 13, 2022

2 Years ago

domeniccolti questions

1 MUI Autocomplete custom options, not showing selected option

Mon, Oct 18, 21, 00:00, 3 Years ago

1 Discord.JS V13 client.on messagecreate not firing

Thu, Oct 14, 21, 00:00, 3 Years ago

1 Using Fetch API to create a Login form

Thu, Jul 15, 21, 00:00, 3 Years ago

1 React JS - How to detect navigator.platform in Next JS

Sat, Oct 24, 20, 00:00, 4 Years ago

1 jsPDF is not defined in javascript

Thu, Sep 3, 20, 00:00, 4 Years ago

View All

answered 11 Years ago alyssiat · Accepted Answer

function downloadFile(fileName, urlData) {



    var aLink = document.createElement('a');

    var evt = document.createEvent(HTMLEvents);

    evt.initEvent(click);

    aLink.download = fileName;

    aLink.href = urlData;

    aLink.dispatchEvent(evt);

}



var data = 'Column One,Column Two,Column Three';

downloadFile('2.csv', 'data:text/csv;charset=UTF-8,' + encodeURIComponent(data));

http://jsfiddle.net/rooseve/7bUG8/