如何在弹出窗口中显示 base64 图像

Question

我已经使用此代码在我的网页（基于液体模板构建的 MS 动态门户）上成功显示了 base64 图像，然后将该元素附加到 div：

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

我遇到的问题是：如何设置imageElementCaseNote的 'data-content' 属性，我尝试了以下操作，但得到[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');