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

Question

我正在尝试显示已编码的图像。看起来是这样的：

​

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

​

我试过了：

base64-decode()

对于没有该部分的字符串：

data:image\/png;base64,

但是没有结果。

我应该如何转换图像来显示它？谢谢。

编辑:此图像实际上是签名。我使用的是jquery signaturepad。在数据库中看起来是这样的：

​

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

​

如何显示此签名？

Answer 1

在img标签中经过编码的图像(将/\替换为/)：

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

JsFiddle