java - Display Database Image in Javascript -

i using ionic 2 calling restful service (json) in java , mysql database. trying display image stored in database, , render in ionic.

everything works perfectly, except struggling image display.

i have png image stored in mysql (type longblob). access it, , in java, convert base64.

import org.apache.commons.codec.binary.base64; subcategory.seticon(base64.encodebase64(subcategory.geticon())); 

json:

"icon" : "vm0wd2qyuxlvwgxwv0d4v1ywzdrwmvl3wk...lprvvqwoq==" 

then once received via json, display in html:

<img src="data:image/png;base64,{{item.icon}}" /> 

it displays image placeholder no image.

i have tried decode image javascript:

icon = atob(icon); 

and

 b64decodeunicode(str) {     return decodeuricomponent(array.prototype.map.call(atob(str), function(c) {         return '%' + ('00' + c.charcodeat(0).tostring(16)).slice(-2);     }).join('')); } 

with no success.

this works:

<img src="data:image/png;base64,{{item.icon64}}" /> 

and

  b64decodeunicode(str) {     return decodeuricomponent(array.prototype.map.call(atob(str), function(c) {         return '%' + ('00' + c.charcodeat(0).tostring(16)).slice(-2);     }).join('')); }