将带有 html 的本地图像添加到 Shiny 应用程序答案

【问题标题】：adding local image with html to a Shiny app将带有 html 的本地图像添加到 Shiny 应用程序
【发布时间】：2013-10-17 19:00:53
【问题描述】：

我正在尝试添加位于我计算机上的图像，但它不起作用。我创建了一个 test.html 文件，当我用浏览器（firefox）打开它时，它会呈现图像。但是当我尝试对 Shiny 使用相同的代码时，它不起作用。以下是我正在尝试的代码：

#html Code
<!DOCTYPE html>

<html>
<head>
    <title>
    Corinthians
    </title>
</head>
<body>
           <p>
               Vai corinthians
        </p> 

      <img id="stats_logo" align="right" src="file:///H://lab/comunicacao/logo hyper/logo_hyp.jpg" />   

  </body>

</html>

## Shiny Code
headerPanel_2(
HTML(
'<div id="stats_header">
                    Relatório de Horas
                    <a href="http://hyperativa.com.br/" target="_blank">
                    <img id="stats_logo" align="right" alt="" src="file:///H://lab/comunicacao/logo hyper/logo_hyp.jpg" />
                    </a>
                    </div>'
), h3, "Relatório de Horas"
)

这里是函数，headerPanel_2。我正在使用：

headerPanel_2 <- function(title, h, windowTitle=title) {    
  tagList(
    tags$head(tags$title(windowTitle)),
   h(title)
  )
}

我认为，代码中的关键是“src="file:///H://lab/comunicacao/logo hyper/logo_hyp.jpg"。这有什么问题？我该怎么说闪亮的文件在我的电脑上的什么位置？

【问题讨论】：

标签： r shiny

【解决方案1】：

您必须在 shour shiny 应用程序目录中创建一个www 目录并将您的图像放入其中。然后就可以直接用了：

<img src="logo_hyp.jpg" />

当然，这适用于每种类型的文件：javascript、CSS 等。

【讨论】：

谢谢。事后看来，这很明显。 = )
如果你使用html文件，你必须使用www文件夹，但是你可以在这个文件夹中创建一个新的文件夹结构。就我而言，我有不同的文件夹：images、js、css。