【问题标题】:Picture not loading in CodeIgniter图片未在 CodeIgniter 中加载
【发布时间】:2018-03-15 15:42:18
【问题描述】:

我制作了一个标题视图文件,并在该标题中尝试从文件夹图像中回显一张图片。此图像文件夹位于应用程序文件夹之外。 还有图片的名字是logo.jpg

这是在header.php文件中回显图片的代码:

<nav class="nav-bar">
      <img class="logo" src="../../images/logo.jpg" alt="Jongeren kansrijker logo"/>
     </nav>

在另一个名为 home 的视图页面上,我包含这样的标题:

<?php   include_once ('templates/header.php');  ?>

当我加载 home.php 视图页面时,图片没有加载。 它确实与图片的 alt 相呼应:alt="Jongeren kansrijker logo

我在这里做错了什么,如何从图像文件夹中回显 logo.jpg 图片?

【问题讨论】:

  • 服务器上图像目录的路径是什么?它应该在公共目录中。
  • 明确说明与FCPATHindex.php文件相关的图像位置。
  • 提示在codeigniter中你不需要使用include_once来加载视图codeigniter方式是&lt;?php $this-&gt;load-&gt;view('templates/header');?&gt;
  • 确保你在 config.php 中设置了 base_url 使用 &lt;?php echo base_url('images/logo.jpg');?&gt;

标签: php codeigniter codeigniter-3


【解决方案1】:

首先,您应该在配置文件夹中的 autoload.php 中加载 url 帮助程序,如下所示。

$autoload['helper'] = array('url');

其次,您应该使用 $this->load->view ('templates/header'); 而不是使用 include_once();

第三,你应该在config.php中配置你的baseurl,它也在下面的config文件夹中(考虑到你在localhost中工作)

$config['base_url'] = 'http://localhost/projectName/';

上面的代码带你到项目的根目录。

最后一点查看图片使用如下代码

<img class="logo" src="<?= base_url('images/') ?>logo.jpg" alt="Jongeren kansrijker logo"/>

【讨论】:

    【解决方案2】:

    使用带有 base_url() 的绝对路径;

    <img class="logo" scr="<?= base_url();?>/images/logo.jpg" />
    

    你可以在 config.php 中设置你的 base_url,它应该定位你的 index.php 所在的文件夹(我猜图像文件夹也在那里)。

    【讨论】:

    • 我现在用这一行改变了它: /images/logo.jpg" /> 它显示一个空白页现在..真的很奇怪。我的基本 URL 设置正确,如下所示: $config['base_url'] = 'localhost/codeigniter';
    • 它显示一个空白页面,因为您可能没有显示错误?你应该改变它。您需要加载 url-helper 才能使用 base_url()。在 config/autoload.php 你必须添加 'url' 到 $autoload['helper']
    • 我该如何改变?
    【解决方案3】:

    这通常意味着您的src 属性错误。请记住,该值应该是您网站根目录的路径,因为它由浏览器作为单独的请求进行管理。

    我想在您的情况下,您实际上正在寻找以下内容:

    <img class="logo" src="/images/logo.jpg" alt="Jongeren kansrijker logo"/>
    

    TLDR:图像由浏览器获取,因此您不应使用来自header.php 的路径。

    【讨论】:

    • 我试了你的线路还是不显示图片
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-01-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-08-25
    • 2016-11-06
    相关资源
    最近更新 更多