如何将图像添加到 Slate 代码沙箱中？

【问题标题】：How can I add an image into a Slate code sandbox?如何将图像添加到 Slate 代码沙箱中？
【发布时间】：2023-02-03 02:45:32
【问题描述】：

我无法在代码沙箱中引用指向存储在 Foundry 中的图像的 URL。虽然以下内容适用于 HTML 小部件，但不适用于代码沙箱：

<img src="https://<stack-name>.com/blobster/api/salt/<resource-id>" 
    alt="" width="200" height="200">

【问题讨论】：

【解决方案1】：

要在代码沙箱中使用标签，您必须使用 base64 对图像进行编码。生成的数据 URL 可以通过代码沙箱进行解码并显示图像。您可以阅读有关数据 URL 和 base64 here 的更多信息。要将您的图像编码为 base64，您可以使用互联网上的任何工具，让您上传图像并返回有效的数据 url。

示例数据网址：

【讨论】：