Question

我正在尝试添加位于我的计算机上的图像，但它无法正常工作。我创建了一个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"
)

这是functionm，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“。那有什么问题？我怎么说闪亮在我的电脑上的文件在哪里？

Answer 1

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

<img src="logo_hyp.jpg" />

当然，这适用于所有类型的文件：javascript，CSS等。

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

1 个答案: