2013-10-17 4 views
7

私のコンピュータにある画像を追加しようとしていますが、機能しません。私は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" 
) 

そしてここに関数m、headerPanel_2があります。私が使用していること:/// H:

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

コードで重要な事は、私が思うに、 "SRC =" ファイルです//ラボ/ comunicacao /ロゴハイパー/ logo_hyp.jpg」。

答えて

9

shour shiny appディレクトリ内にwwwディレクトリを作成し、画像を内部に置く必要があります。次に、次のようにして直接表示することができます。

<img src="logo_hyp.jpg" /> 

もちろん、これはjavascript、CSSなどのあらゆるタイプのファイルで有効です。

+0

ありがとうございます。後見では明らかです。 =) –

+0

'img(src =" ... ")'も 'www'なしで動作しますか? –

+0

htmlファイルを使用する場合、wwwフォルダを使用する必要がありますが、このフォルダに新しいフォルダ構造を作成することができます。私の場合は、images、js、cssという異なるフォルダがあります。 – Braisly

関連する問題