Имам проблем с показването на изображение Base64 в ред.
Може ли някой да ме насочи в правилната посока?
<!DOCTYPE html>
<html>
<head>
<title>Display Image</title>
</head>
<body>
<img style='display:block; width:100px;height:100px;' id='base64image'
src='data:image/jpeg;base64, LzlqLzRBQ...<!-- base64 data -->' />
</body>
</html>
Разбира се, подозирам, че действителните данни са base64, но иначе ми изглежда добре. Вижте [този фидъл][1], където работи подобна схема. Може да опитате да посочите char set.
<div>
<p>Taken from wikpedia</p>
<img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />
</div>
Можете да опитате този декодер на base64, за да видите дали данните ви в base64 са верни или не.
Необходимо е да посочите правилните Content-type, Content-encoding и charset като
data:image/jpeg;charset=utf-8;base64,
в съответствие със синтаксиса на схемата за URI на данни:
data:[<media type>][;charset=<character set>][;base64],<data>
Символът +, който се среща в URI на данни, трябва да се кодира като %2B. Това е като кодирането на всеки друг низ в URI. Например разделителите на аргументи (? и &) трябва да се кодират, когато URI с аргумент се изпраща като част от друг URI.