Is there a built in function to extract image data from Data URI?

Question

Specification says

data:[<mime type>][;charset=<charset>][;base64],<encoded data>

Considering this it is easy to split the uri after "," to retrieve the image data. Is there a built in function for the same in javascript or jquery ?

You could just do `.split('base64;')` and get the `encoded data` in `[1]` position of the result — Sudheesh Singanamalla, Aug 23 '17 at 04:58
In what format do you want the image data? Have a look [here](https://stackoverflow.com/q/12168909/1048572) for example — Bergi, Aug 23 '17 at 05:32

score 4 · Accepted Answer · answered Aug 23 '17 at 05:29

4

you could use replace(/^data:image\/(png|jpg);base64,/, '') for example

var encodedData = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy+AAAB0UlE';

encodedData = encodedData.replace(/^data:image\/(png|jpg);base64,/, '');

answered Aug 23 '17 at 05:29

Deepak Pandey

608
7
19

Is there a built in function to extract image data from Data URI?

1 Answers1