Question

我是codeigniter的新手并尝试制作控制器和视图。控制器已成功制作并正在调用视图。视图也被成功调用，但图像未显示。我已经尝试将pics放在与视图相同的文件夹中，但在其他文件夹中却没有效果。

查看

<!doctype html>
<html>
<head>
    <!-- Latest compiled and minified CSS -->
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <!--<link href="/assists/css/font-awsome.css" rel="stylesheet" type="text/css">-->
    <!--<link type="text/css" rel="stylesheet" href="/assists/css/stylecinemax.css">-->
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="stylesheet" type="text/css" href="style2.css">
    <!-- Start CSS Slideshow HEAD section -->
    <link rel="stylesheet" type="text/css" href="engine1/style.css" />
    <script type="text/javascript" src="engine1/jquery.js"></script>
    <!-- End CSS Slider HEAD section -->
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

    <!-- jQuery library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

    <!-- Latest compiled JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
    <body>

            <div class="header">
                <a class="cinestar" href="#"></a>
                <a id="membersarealink" style="margin-left: 5%" href="#" class="toplink">Home</a>
                <a id="corporatelink" href="#" class="toplink">Corporate</a>
                <div class="imaxbox">
                        <div class="sponsor"><img src="pics/sponsorlogo.png" height="32"></div>
                    </div>
                    <a id="gallerycinestar" href="#" class="toplink">Gallery</a>
                    <a id="aboutus" href="#" class="toplink">About</a>
                    <a id="contactuscinestar" href="#" class="toplink">Contact</a>
                    <div class="contactinfo">
                        <h1>(042) 111 cinema</h1>
                        <a href="#" class="socialicon"><img src="googleplus-header.png" width="24"></a>
                        <a href="#" class="socialicon" target="_blank"><img src="../pics/2.png" width="24"></a>
                        <a href="#" class="socialicon" target="_blank"><img src="../pics/imax-logo.png" width="24"></a>
                    </div>
                    <div class="topticker" style="background-color:gainsboro">
                        <span>
                            <a class="online-booking-dialogue" href="login.php">Login</a>
                            <a class="members-area-dialogue" href="registration.php" target="_blank">MEMBER REGISTRATION</a>
                        </span>
                        <p style="padding-left: 2%">
                            To get SMS Alerts of our daily schedule and promotions, please dial 111 CINEMA from your cellphone 
                        </p>
                    </div>  <!--toptickter-->        
            </div> <!--header-->
        </body>
        </html>

控制器

<?php
class front_page extends CI_Controller{
    public function one()
    {
        $this->load->view('header');
    }
}

这是输出：

output

Answer 1

我可以理解，对于第一个计时器而言可能会让人感到困惑，但与视图相关的文件如图像，css，.etc可能会让人感到困惑。应该进入基本目录，例如您的主Codeigntier index.php文件所在的目录。

我喜欢将我的资源放在名为assets的文件夹中，并有一个子文件夹images，css，js，plugins。等。

然后要访问它们，您只需执行以下操作：

<img src="/assets/images/emojis/smiley.gif" alt="Smiley face" height="42" width="42">

OR

已在控制器（或自动加载文件）中加载$this->load->helper('url');：

<img src="<?php echo base_url('/assets/images/emojis/smiley.gif'); ?>" alt="Smiley face" height="42" width="42">

Answer 2

在应用程序文件夹的同一级别创建一个images文件夹。

使用base_url（），您可以获得站点基地的位置。例如：

<img src="<?php echo base_url(); ?>images/image.png" alt="image" >

或者，

<img src="<?php echo base_url("/images/image.png"); ?>" alt="image" >

照片未加入codeigniter

2 个答案: