Retrieve binary (base64) encoded picture from XML and display in the DOM
I retrieve this XML file with $.ajax({type: "GET", url: "data.xml",dataType: "xml",success: parse });
- <Data>
<user>
<U_ID>4787<U_ID>
<U_NAME>Mickey Mouse</N_NAME>
<U_TYPE>1</U_TYPE>
- <U_PIC>iVBORw0KGgoAAAANSUhEUgAAAHgAAAB0CAYAAABOpv</U_PIC>
</user>
</Data>
Where, <U_PIC> contains a base64 encoded picture (i have cut the string here for easy demo, it actually is a very long string)
How,
should i
- retrieve this value,
- decode (if nessesary)
- display somewhere in the DOM?
I am used to operations like this in a standard parser function:
- $(xml).find('user').each(function(){
var $node = $(this);
var name = $node.find('U_NAME').text();
- $('div').append(name);
Thx
Petrus
picture example:
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
... and so on ..a few slides ...