Angular: Convert base64 string to Byte Array in IE

Question

I am trying to convert a base64 string to byte array and open it as a pdf file in IE. The only problem is atob is not supported in IE, so trying to use Buffer like this:

let b64Data = myBase64Url.split(',', 2)[1];
var byteArray = new Buffer(b64Data ,'base64').toString('binary');
var blob = new Blob([byteArray], {type: 'application/pdf'});
window.navigator.msSaveOrOpenBlob(blob);

I am getting a popup successfully to open the file

But the file is corrupted

What am i doing wrong ? Is there a better way to convert base64 to byte array in IE ?

Is myBase64Url just plain base64 data, or is it prepended with the mime type? What issue were you having with atob? — user184994
– user184994, Commented Apr 8, 2018 at 18:40
atob is not supported in IE. My base64 URL is prepended with pdf mimetype — hakuna
– hakuna, Commented Apr 8, 2018 at 18:54
That's the problem-- the mime type will need to be removed before this will work. — user184994
– user184994, Commented Apr 8, 2018 at 18:57
Removed the mimetype and , tried the same code. Only better thing is its opening a blank pdf file. Couldn't see any data. See updated code in the question. — hakuna
– hakuna, Commented Apr 8, 2018 at 19:06

user184994 · Accepted Answer · 2018-04-08 19:25:33Z

1

In order for the base64 to be properly decoded, it must be only the base64 data, i.e. no mimetype information preceding it.

You will also need to remove .toString('binary') so that you're passing a buffer instead of a string.

answered Apr 8, 2018 at 19:25

user184994

18.3k2 gold badges51 silver badges54 bronze badges

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

Collectives™ on Stack Overflow

Angular: Convert base64 string to Byte Array in IE

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related