私はこの回答を検索しています。しかし、私はこの仕事をしているようには思えません。数時間です。私を助けてください。railsアプリケーションのassets/imagesフォルダから画像を取得する方法
私は、HTMLを構築し、以下の機能を備えたJavaScriptファイルを持っている私の資産フォルダ@app/assets/images/rails.png.
に保存された画像を表示しようとしています、私のレールアプリのWebページです。この関数の中で、画像へのリンクを渡したいと思います。これは私が現在持っているコードです。
function addToInfoWindow(infoWindowContent)
{
infoWindowString = '<div class="infoWindow">'+
**'<img src="/assets/images/rails.png" />'+**
'<p>'+infoWindowContent+'</p>'+
'<p><a href="http://www.google.com">See here</a></p>'+
'<p><a href="http://www.google.com">Upload a photo</a></p>'+
'</div>';
infoWindow.setContent(infoWindowString);
}
上記のコードからわかるように、太字部分が問題です。私はその画像ファイルにアクセスするためにURL文字列のいくつかの異なる組み合わせを試しましたが、画像はhtml要素に表示されません。
私は見て、見て、image_url('rails.png')
のようなレールヘルパー機能を試してみました。しかし、私はそれらを間違った場所に入れなければなりません。誰かが私を助けてくれますか?私は、上記のコードのどの機能を/assets/images/rails.png
にイメージを取得するために追加する必要があるのかを示してください。そのURLは、上の強調表示された部分に配置され、私のビューに表示されます。
これはうまくいきました。ワオ。私は4時間かけてあらゆる種類のものを試してみましたが、そのファイルには拡張子が付いていなかったからだけです!本当に助けてくれてありがとうございます – banditKing
いつもそうです。 – klump
coffeescriptを使用している場合、erbを使用する拡張子は '.js.cofee.erb'ではなく' .js.coffee'です。 erbは自動です。私は知っている、それはそのような変です。しかし、それはどのように動作します。情報のこのビットは人々にしばらく時間を節約するはずです。 – ahnbizcad