将图片嵌入可共享的HTML r降价文档中

时间:2017-10-30 08:47:25

标签: html r image r-markdown

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

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

1 个答案:

答案 0 :(得分: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')