Как отобразить закодированное изображение в формате 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