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

我正在尝试添加位于我的计算机上的图像,但它无法正常工作.我创建了一个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“.那有什么问题?我怎么说闪亮在哪里?该文件位于我的电脑上?

解决方法

您必须在shour闪亮的应用程序目录中创建一个www目录并将您的图像放入其中.然后您可以直接显示它:
<img src="logo_hyp.jpg" />

当然,这适用于每种类型的文件:javascript,CSS等.

相关文章

vue阻止冒泡事件 阻止点击事件的执行 &lt;div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些