Angular 6 extract value from decoded string base 64

Question

I've decoded a string in Base64 with xml2js library and i got this value :

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="293" height="102"
 viewBox="0 0 293 102"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  version="1.2" baseProfile="tiny">
<image 
width="293" 
height="102" 
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANS......pASYAAAAASUVORK5CYII=" />
</svg>

i cut the encode value because it's to long

I'm blocked for getting the value of xlink:href, is there any technics or library for getting the attribute ?

I mean i want to get this value only : data:image/png;base64,iVBORw0KGgoAAAANS......pASYAAAAASUVORK5CYII=

Thank's

You could try using a regex to match only that part of the string. Something like /xlink:href="([^"]*)"/ — alexhughesking
– alexhughesking, Commented Nov 15, 2018 at 15:46

alexhughesking · Accepted Answer · 2018-11-15 16:01:31Z

2

You can use DOMParser to parse the xml string. Then you can operate on the resulting Document as usual:

const xmlString = `<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="293" height="102"
 viewBox="0 0 293 102"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  version="1.2" baseProfile="tiny">
<image 
width="293" 
height="102" 
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANS......pASYAAAAASUVORK5CYII=" />
</svg>`;

const domParser = new DOMParser();
const xmlDoc = domParser.parseFromString(xmlString, 'application/xml');
const imageElement = xmlDoc.getElementsByTagName('image')[0];
const hrefAttr = imageElement.getAttribute('xlink:href');
console.log(hrefAttr);

answered Nov 15, 2018 at 16:01

alexhughesking

2,0071 gold badge13 silver badges12 bronze badges

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

2 Comments

JEY Over a year ago

just use querySelector and getAttributeNS like i did stackblitz.com/edit/typescript-yx3fyn

Stephanie Joyce Over a year ago

I've use this : var urlImage = xml.match(/xlink:href="([^"]*)"/); var finalUrl = urlImage[1] and it works Thank's @Alex K and Jey for your solutions

Collectives™ on Stack Overflow

Angular 6 extract value from decoded string base 64

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related