【问题标题】:pics not loading in codeigniter图片未在 codeigniter 中加载
【发布时间】:2017-12-27 18:47:28
【问题描述】:

我是 codeigniter 的新手,正在尝试制作控制器和视图。控制器已成功制作并正在调用视图。该视图也被成功调用,但未显示图像。我尝试将图片与视图和其他文件夹放在同一个文件夹中,但没有任何效果。

查看

<!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');
    }
}

这是输出:

【问题讨论】:

  • 你是否在config.php中设置了你需要的base url。

标签: html codeigniter web


【解决方案1】:

我可以理解这对于初学者来说可能会令人困惑,但与视图相关的文件,如图像、css、.etc。应该进入基本目录,例如您的主要 Codeigntier index.php 文件所在的同一目录。

我喜欢将我的资源放在一个名为 assets 的文件夹中,并有一个子文件夹 imagescssjsplugins 等。

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

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

在您的控制器(或自动加载文件)中加载了$this-&gt;load-&gt;helper('url');

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

【讨论】:

  • 您可以更进一步,使用img() helper
  • 你是对的。虽然我个人觉得如果你想添加属性有点冗长 - 到那时你不妨把它写出来。
【解决方案2】:

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

使用 base_url() 您可以获取网站基地的位置。 例如:

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

或者,

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-01-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-08-25
    • 2016-11-06
    相关资源
    最近更新 更多