如何显示json编码图像 - jquery signaturepad

Question

I'm trying to display image that has been encoded. It looks like that:

 "data:image\\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOQAAAA3CAYAAAAc\\/eYMAAAAuUlEQVR4nO3TMQEAMAyAsPo33Z6TMI5EAQ+zQMb8DgAeQ0KIISHEkBBiSAgxJIQYEkIMCSGGhBBDQoghIcSQEGJICDEkhBgSQgwJIYaEEENCiCEhxJAQYkgIMSSEGBJCDAkhhoQQQ0KIISHEkBBiSAgxJIQYEkIMCSGGhBBDQoghIcSQEGJICDEkhBgSQgwJIYaEEENCiCEhxJAQYkgIMSSEGBJCDAkhhoQQQ0KIISHEkBBiSAgxJIQclyE3fsX77n0AAAAASUVORK5CYII="} 

I have tried:

base64-decode()

for this string without that part:

data:image\\/png;base64,

but no result.

How should I convert image to display it? Thanks.

Edited: This image in fact is signature.I'm using jquery signaturepad. It looks like that in database:

 name":"My Name","output":"data:image\\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOQAAAA3CAYAAAAc\\/eYMAAAAuUlEQVR4nO3TMQEAMAyAsPo33Z6TMI5EAQ+zQMb8DgAeQ0KIISHEkBBiSAgxJIQYEkIMCSGGhBBDQoghIcSQEGJICDEkhBgSQgwJIYaEEENCiCEhxJAQYkgIMSSEGBJCDAkhhoQQQ0KIISHEkBBiSAgxJIQYEkIMCSGGhBBDQoghIcSQEGJICDEkhBgSQgwJIYaEEENCiCEhxJAQYkgIMSSEGBJCDAkhhoQQQ0KIISHEkBBiSAgxJIQclyE3fsX77n0AAAAASUVORK5CYII=" 

How to display this signature?

Answer 1

Just past the encoded image (replace /\\ with /) in a img tag :

<img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAOQAAAA3CAYAAAAc/eYMAAAAuUlEQVR4nO3TMQEAMAyAsPo33Z6TMI5EAQ+zQMb8DgAeQ0KIISHEkBBiSAgxJIQYEkIMCSGGhBBDQoghIcSQEGJICDEkhBgSQgwJIYaEEENCiCEhxJAQYkgIMSSEGBJCDAkhhoQQQ0KIISHEkBBiSAgxJIQYEkIMCSGGhBBDQoghIcSQEGJICDEkhBgSQgwJIYaEEENCiCEhxJAQYkgIMSSEGBJCDAkhhoQQQ0KIISHEkBBiSAgxJIQclyE3fsX77n0AAAAASUVORK5CYII=">

JsFiddle