Converting arraybuffer to string : Maximum call stack size exceeded

Question

This is my code.

var xhr = new XMLHttpRequest();
xhr.open('GET',window.location.href, true);
xhr.responseType = "arraybuffer";
xhr.onload = function(event) {
 debugger;
 console.log(" coverting array buffer to string "); 
 alert(String.fromCharCode.apply(null, new Uint8Array(this.response)));
};
xhr.send();

That request is being made to a PDF URL which is around 3 MB in size. I have read a few threads with same error, Maximum call stack size exceeded, telling me that there must be some recursive call but I do not see any recursive call here. Can anyone help?

Is this request to the very same page? Using GET on window.location.href? — skobaljic
– skobaljic, Commented Jul 18, 2016 at 9:16
@skobaljic Yes.For example, the current page is cs.columbia.edu/~lok/3101/lectures/02-corejava.pdf — Suresh Atta
– Suresh Atta, Commented Jul 18, 2016 at 9:19
If you call same page with same script included, why do you wonder there is too much recursion? Try calling other page with no script. Or if you call via xhr, than do not output the script again, or add parameter to distinct the call. — skobaljic
– skobaljic, Commented Jul 18, 2016 at 10:27
@skobaljic this script wont execute in load function. I am just reading the pdf page data. — Suresh Atta
– Suresh Atta, Commented Jul 18, 2016 at 10:29

Anthony O. · Accepted Answer · 2020-03-20 22:54:59Z

36

I had the same problem and I finally used this code:

function _arrayBufferToBase64( buffer ) {
    var binary = '';
    var bytes = new Uint8Array( buffer );
    var len = bytes.byteLength;
    for (var i = 0; i < len; i++) {
        binary += String.fromCharCode( bytes[ i ] );
    }
    return window.btoa( binary );
}

answered Mar 20, 2020 at 22:54

Anthony O.

25k23 gold badges114 silver badges177 bronze badges

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

3 Comments

Geoduck Over a year ago

could use reduce instead, but this seems to be what is necessary

nex Over a year ago

this should be the accepted answer. works like a charm

Chris_F Aug 6 at 22:37

@Geoduck I like the functional array methods, but the unfortunate reality is that they have noticeable overhead. I tend to stick to raw loops for low-level utility functions and leave functional methods to application level logic.

Community · Accepted Answer · 2017-05-23 12:10:02Z

14

The error is caused by a limitation in the number of function arguments. See "RangeError: Maximum call stack size exceeded" Why?

Instead of String.fromCharCode.apply(), use e. g. a TextEncoder. See Uint8Array to string in Javascript

edited May 23, 2017 at 12:10

CommunityBot

11 silver badge

answered Jul 18, 2016 at 13:07

le_m

20.4k10 gold badges70 silver badges78 bronze badges

3 Comments

Dev Over a year ago

Hi. How do you use the TextEncoder in my case? I have this var base64 = btoa(String.fromCharCode.apply(null, new Uint8Array(blob)));

Dev Over a year ago

I opened a separate question

KeyKi Over a year ago

For a binary string TextEncoder is useless, it does not support Latin1 (it uses Windows−1252), you will get the broken result. (new TextDecoder("ISO-8859-1").decode(new Uint8Array([148]))).charCodeAt(0); // 8221, should be 148

Igor Janenko · Accepted Answer · 2020-02-19 13:19:10Z

7

this.response.arrayBuffer()
              .then((buf) => {
                const uint8Array = new Uint8Array(buf);
                const data = uint8Array.reduce((acc, i) => acc += String.fromCharCode.apply(null, [i]), '');
                return data;
              })

answered Feb 19, 2020 at 13:19

Igor Janenko

711 silver badge1 bronze badge

Comments

Murali Krishna · Accepted Answer · 2021-08-27 19:58:55Z

1

Thank you so much Anthony O, you saved my 10 days work.
small modification in my scenario is:

Angular 7 :

/** Convert Uint8Array to string */

    private static arrayBufferToBase64( buffer: Uint8Array ) {
        var binary = '';
        var bytes = new Uint8Array( buffer );
        var len = bytes.byteLength;
        for (var i = 0; i < len; i++) {
            binary += String.fromCharCode( bytes[ i ] );
        }
        return  binary;
    }

answered Aug 27, 2021 at 19:58

Murali Krishna

1971 silver badge5 bronze badges

1 Comment

Dario Rodriguez Over a year ago

Please don't add "thank you" as an answer. Instead, vote up the answers that you find helpful.

Sven Döring · Accepted Answer · 2023-05-12 22:55:29Z

1

A little bit more optimized variant would be to utilize the available stack size instead of converting each character separately.

var text = '';
for(var i = 0; i < Math.ceil(bytes.length / 32768.0); i++) {
  text += String.fromCharCode.apply(null, bytes.slice(i * 32768, Math.min((i+1) * 32768, bytes.length)))
}

answered May 12, 2023 at 22:55

Sven Döring

4,4302 gold badges20 silver badges20 bronze badges

Collectives™ on Stack Overflow

Converting arraybuffer to string : Maximum call stack size exceeded

5 Answers 5

3 Comments

3 Comments

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

3 Comments

3 Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related