Question

正在使用我的第一个Rails应用程序，并且无法将我的图像文件（logo.png）显示在浏览器的localhost：3000 / pages / home页面上。该图像保存在我的Rails应用程序中的public / images / logo.png文件中。知道为什么它可能没有显示？

以下是代码：

application.html.erb

<!DOCTYPE html>
<html>
    <head>
        <title><%= title %></title>
    <%= csrf_meta_tag %>
    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/trunk/html5.js"></script>
    <![endif]-->
    <%= stylesheet_link_tag 'blueprint/screen', :media => 'screen' %>
    <%= stylesheet_link_tag 'blueprint/print', :media => 'print' %>
    <!--[if lt IE 8]><%= stylesheet_link_tag 'blueprint/ie' %><![endif]-->
    <%= stylesheet_link_tag 'custom', :media => 'screen' %>
        </head>
        <body>
            <div class="container">
                <header>
                    <%= image_tag("logo.png", :alt => "Sample App", :class => "round") %>
                    <nav class="round">
                        <ul>
                            <li><%= link_to "Home", '#' %></li>
                            <li><%= link_to "Help", '#' %></li>
                            <li><%= link_to "Sign in", '#' %></li>
                        </ul>
                    </nav>
                </header>
                <section class="round">
                    <%= yield %>
                </section>
            </div>

            </div>      
        </body>
</html>

在容器中添加了源：

<div class="container">
                <header>
                    <img alt="Sample App" class="round" src="/images/logo.png" />
                    <nav class="round">
                        <ul>
                            <li><a href="#">Home</a></li>
                            <li><a href="#">Help</a></li>
                            <li><a href="#">Sign in</a></li>
                        </ul>
                    </nav>
                </header>
                <section class="round">


        <h1>Sample App</h1>
        <p>
            This is the home page for the 
            <a href="http://railstutorial.org">Ruby on Rails Tutorial</a>
            sample application.
        </p>

        <a href="#" class="signup_button round">Sign up now!</a>

                </section>
            </div>

            </div>

Answer 1

您需要指定类似的链接 “/images/logo.png” 或者，如果更频繁地使用图像，还有创建短路径规则的方法

Answer 2

在常规视图中，您可以访问public / assets / images目录中的图像，如下所示：

<%= image_tag "rails.png" %>

图像未在Rails应用程序中显示

2 个答案: