How to download huge CSV file in javascript

Question

I have a javascript file that requests for data from server.The data has to be displayed in CSV format. The data size can reach huge limits. The following is the code I am using in javascript to download the file.

var tmp = document.createElement('a');        
var csvData = new Blob([dataString], { type: 'text/csv' }); 
var csvUrl = URL.createObjectURL(csvData);
tmp.href =  csvUrl;     
tmp.setAttribute('download', "abc.csv");
tmp.click();

The file size if it reaches 50MB crashes the chrome. The chrome gives "aw snap" error. But I should be able to download data more than 1GB. How to download such huge CSV file without crashing chrome browser.

You don't display or download 1Gb of data in browser. Basic solution would be to implement pagination and corresponding API to fetch only portions you need. — Klaster_1 Нет войне, Mar 27 '15 at 15:05
Why not? I want to save the data which is in the server in client machine in CSV format. — Mumzee, Mar 28 '15 at 05:52

score 2 · Accepted Answer · edited May 23 '17 at 12:10

2

The approach of converting data to string and triggering click event was totally wrong. What really is required is to stream the file. The below link explains how to stream a file from HttpServlet's response object.

Streaming large files in a java servlet

edited May 23 '17 at 12:10

Community

1
1

answered Apr 02 '15 at 10:34

Mumzee

719
1
11
25

score 0 · Answer 2 · answered Oct 03 '22 at 05:52

0

Alternative solution authored by Eli Grey, eligrey.com is to convert to blob and use URL.createObjectURL(blob)

answered Oct 03 '22 at 05:52

dank8

361
4
20

How to download huge CSV file in javascript

2 Answers2