Как заменить изображение на base64 в js файл?

Question

[Yana N]

код для анинимированной картинки создан в dreamViewer

часть кода:

lib.properties = {
	id: '611E01E049E04DFEBE63A8A13FA597E2',
	width: 240,
	height: 400,
	fps: 50,
	color: "#FFFFFF",
	opacity: 1.00,
	manifest: [
		{src:"images/tartmal.png?1526050296709", id:"tartmal"}
	],
	preloads: []
};

необходимо заменить изображение и вставить вместо "images/tartmal.png?1526050296709"

с помощью конвертера преобразовала в формат base64 и в редакторе показывает что находит картинку но в браузере не подгружет (ошибка в консоли: Failed to load).

как правльно заменить изображение?

Comments

[Hedy]

Может быть вы забыли перед строкой указать формат?

src="data:image/png;base64, [[[сюда строку base64 ]]]"

Answer 1

[ksnk]

В атрибуте src картинки должно быть что-то вроде src="data:image/png;base64..."? тогда картинка будет отображаться А что конкретно вставляется в этот атрибут?

Comments

[Yana N]

все так и вставляла, формат указан, все скобки и кавычки тоже
браузер не может именно подгрузить картинку как я понимаю из того что написано в консоли

Так где точки - убрала часть кода чтобы неслишком много символов было

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADCCAYAAAAMw434AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wN.......................Vr79Qx9gHHeOrgxeZP5xs8ST2zo7Jdv+43qcfuElGjx9Utzj64jr/39//Ni6HiWJ19VFA9u20uYbdrZUtVHvAQQExYJCAJqjpmrHLTeRk0rRC08dpGw+L14EqYZULkt9rJDY7/jlK+xJXk0OXiMUcRxfF4vrj+uPOg/7+iW4/rj+uK4g1x/XH9cV5Prj+uO6glx/XH9cV5Drj+uP/zse/0eAAQCT8nkwR7QgSQAAAABJRU5ErkJggg==

[ksnk]

А картинка по размеру большая? Длина строки примерно какая?
qaru.site/questions/33082/what-is-the-size-limit-o...

[Yana N]

ksnk, длина строки 88200 символов, картинка - 64.6 кб
видимо действиельно слишком большое изображение

[Yana N]

ksnk, весь код в песочнице
цже с уменьшенной картинкой, но все равно не подгружает

на строке 1101 код с base64, после кода base64 id перестает подсвечиваться.. (в самом конце строки)
1100 то что было до этого (картинка из папки подгружалась)

[ksnk]

Это какая-то проблема в используемой библиотеке, потому что если явно вписать данные из неотображающейся картинки в src тега img, то пирожок с малиной виден
По симптомам выходит, что data-uri почему-то воспринимается как обычный uri, по такому адресу идет обращение в сеть и, очевидно, возвращается фейл. Вероятно, нужно почитать документацию по используемой библиотеке - createjs