html - 在可共享的 HTML r markdown 文档中嵌入图像

Question

我有一个 R markdown 文档，它是使用 Shiny 的应用程序创建的，保存为 HTML。我在输出的右上角插入了一个 Logo ，这是使用以下代码完成的:

<script>
   $(document).ready(function() {
     $head = $('#header');
     $head.prepend('<img src=\"FILEPATH/logo.png\" style=\"float: right;padding-right:10px;height:125px;width:250px\"/>')
   });
</script>

但是，当我保存 HTML 输出并共享输出时，用户当然看不到 Logo ，因为代码正在尝试查找其计算机上不存在的文件路径。

所以，我的问题是 - 有没有一种方法可以在不使用文件路径的情况下将 Logo 包含在输出中？理想情况下，我不想将图像上传到网络，并将源更改为网址。

Answer 1

您可以使用 knitr::image_uri 将图像文件编码为数据 URI。如果您想将它添加到您的文档中，您可以在您的 header 中添加由以下命令生成的 html 代码，而不是您的脚本:

htmltools::img(src = knitr::image_uri("FILEPATH/logo.png"), 
               alt = 'logo', 
               style = 'float: right;padding-right:10px;height:125px;width:250px')