I want to download a file with angularjs (1.0.8) from a service Spring. I use a POST request because I have to pass a piece of HTML as parament, and browsers have limitation with length of query string. Here my code:

    $http({
        method: 'POST',
        url: '/export/pdf',
        data: "html=" + graphHtml.outerHTML,
        headers: {'Content-Type': 'application/x-www-form-urlencoded'},
        transformResponse: function(data, headersGetter){
            return data;
        }
    }).success(function(data) {
        console.log("Type '" + typeof(data) + "'");
        var hiddenElement = document.createElement('a');
        hiddenElement.href = 'data:application/pdf,' + data;
        hiddenElement.target = '_blank';
        hiddenElement.download = 'myFile.pdf';
        hiddenElement.click();
    });

I notice that the "data" received is already in "string" format! I see many (?) question point, and when type

    typeof(data)

i receive "string". I don't want this interpretation of my raw data. When i try to write data in a file, the size is double respect original file! I know it is for "string interpretation" of binary data that instead wanted read as binary. Has anyone a solution for see "data" in raw format and not as string?

I want to download a file with angularjs (1.0.8) from a service Spring. I use a POST request because I have to pass a piece of HTML as parament, and browsers have limitation with length of query string. Here my code:

    $http({
        method: 'POST',
        url: '/export/pdf',
        data: "html=" + graphHtml.outerHTML,
        headers: {'Content-Type': 'application/x-www-form-urlencoded'},
        transformResponse: function(data, headersGetter){
            return data;
        }
    }).success(function(data) {
        console.log("Type '" + typeof(data) + "'");
        var hiddenElement = document.createElement('a');
        hiddenElement.href = 'data:application/pdf,' + data;
        hiddenElement.target = '_blank';
        hiddenElement.download = 'myFile.pdf';
        hiddenElement.click();
    });

I notice that the "data" received is already in "string" format! I see many (?) question point, and when type

    typeof(data)

i receive "string". I don't want this interpretation of my raw data. When i try to write data in a file, the size is double respect original file! I know it is for "string interpretation" of binary data that instead wanted read as binary. Has anyone a solution for see "data" in raw format and not as string?

• javascript
• angularjs
• escaping
• download
• binaryfiles

2 Answers 2

In a $http configuration object, specify

responseType : "blob"

Otherwise, default response format is a String. For other choices for responseType, see AngularJS API reference.

set $http responseType in during config. and do something like this