Question

139

Angular save file as csv result in Failed- network error Only on Chrome

rated 0 times [ 146] [ 7] / answers: 1 / hits: 16068 / 8 Years ago, wed, september 7, 2016, 12:00:00

I'm using the following code to save file as csv.

$scope.saveCSVFile = function (result)

{

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

    a.href = 'data:application/csv;charset=utf-8,' + encodeURIComponent(result.data);

    a.target      = '_blank';

    a.download    =  $scope.getFileNameFromHttpResponse(result);

    document.body.appendChild(a);

    a.click();

    $scope.isReportInProgress = false;

};

The file is working on most of the cases but for some reason when the file is larger than 10MB i get Failed - Network Error.

It happens only on chrome.

I tried to search the web for this issue and couldn't find anything relevant.

Can you think of an idea why does it happens? or maybe use a different save file method that will work on chrome/firefox/IE instead of my function?

Answers

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

dylondaytond

Add To Favorites

Follow

Total Points: 92

Total Questions: 88

Total Answers: 96

Location: China

Member since Fri, Jan 15, 2021

3 Years ago

dylondaytond questions

1 React Material UI TextField onchange handler continue default action

Fri, Jun 10, 22, 00:00, 2 Years ago

1 React Autocomplete with Material UI

Tue, Jun 22, 21, 00:00, 3 Years ago

1 ERROR Error: formGroup expects a FormGroup instance. Please pass one in

Tue, Sep 22, 20, 00:00, 4 Years ago

1 Implicitly checking if axios call was success

Thu, May 7, 20, 00:00, 4 Years ago

1 Vue split components from a single .js file in multiple files

Fri, Feb 21, 20, 00:00, 4 Years ago

View All

answered 8 Years ago quinlanhenryf · Accepted Answer

I was finally used this one, hope it can help the next one encounter this issue:

 var blob = new Blob([result.data], {type: 'text/csv'});

            var filename =  $scope.getFileNameFromHttpResponse(result);

            if(window.navigator.msSaveOrOpenBlob) {

                window.navigator.msSaveBlob(blob, filename);

            }

            else{

                var elem = window.document.createElement('a');

                elem.href = window.URL.createObjectURL(blob);

                elem.download = filename;

                document.body.appendChild(elem);

                elem.click();

                document.body.removeChild(elem);

            }