Как отобразить изображение base64 в поповере

Question

Я успешно отобразил изображение base64 на своей веб-странице (портал MS Dynamics, построенный на жидких шаблонах) с этим кодом, а затем добавил элемент в div:

imageElementCaseNote.src = 'data:image/png;base64, ${Picture}';

Проблема, с которой я столкнулся это: как установить атрибут «data-content» в imageElementCaseNote, я попробовал следующее, но вместо изображения получил [object HTMLImageElement].

imageElementCaseNote.setAttribute('data-content', 'data:image/png;base64, ${Picture}');

Что мне нужно сделать, чтобы сделать ? Я думаю, что данные должны быть добавлены как html, но я не могу понять, как это сделать.

Вся помощь оценена.

Answer 1

Я пропустил две вещи, одну очевидную, другую менее.

очевидную: мне нужно было обернуть данные в тег изображения:

popImage = '<img src="' + imageElementCaseNote.src + '"/>';
ImageElementCaseNote.setAttribute('data-content', popImage);

менее очевидная: я необходимо установить атрибут data- html:

imageElementCaseNote.setAttribute('data-html', 'true');