在可以共享的 HTML r markdown 文档中嵌入图像答案

【问题标题】：Embed image in HTML r markdown document that can be shared在可以共享的 HTML r markdown 文档中嵌入图像
【发布时间】：2017-10-30 08:47:24
【问题描述】：

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

<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 输出并共享输出时，用户当然看不到徽标，因为代码正在尝试查找其计算机上不存在的文件路径。

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

【问题讨论】：

请参考stackoverflow.com/questions/14870589/…

标签： html r image r-markdown

【解决方案1】：

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

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

【讨论】：