无法在 HTML 中获取图像的路径答案

【问题标题】：Can't get path to image in HTML无法在 HTML 中获取图像的路径
【发布时间】：2016-09-18 03:17:04
【问题描述】：

好的，我有一个名为slider.php 的文件，其中包含一个引导滑块，我在滑块内插入图片，但我不知道写入图片路径的正确方法

<div class="carousel-inner">
  <div class="item active">
      <img class="slide-image" src="" alt="">
  </div>
  <div class="item">
      <img class="slide-image" src="" alt="">
  </div>
  <div class="item">
      <img class="slide-image" src="" alt="">
  </div>

slider.php 在这个位置 ecomcopy/resources/front/slider.php 图片在ecomcopy/resources/img/

我尝试了所有方法，但我无法获得正确的图片路径

有人可以帮忙吗？

【问题讨论】：

我认为只有 2 人：../../resources/img/yourimage.png.
两个都没有工作...
其实只需要1个。下面看我的回答。
各位，对不起，我写错了路径，它是 ecomcopy/resources/templates/front/slider.php 和 ecomcopy/resources/templates/img
@VBCoding 只需使用 ./yourimage.png

标签： php html twitter-bootstrap

【解决方案1】：

路径的工作方式是“向上”到父文件夹，直到您处于一个共同的祖先。然后返回命名文件夹，直到找到要引用的文件。

ecomcopy/resources/front/slider.php
ecomcopy/resources/front/            (start)
ecomcopy/resources/                  (up 1) ../
ecomcopy/resources/templates/        (down to folder) templates/
ecomcopy/resources/templates/img/    (down to folder) img/
ecomcopy/resources/templates/img/yourimage.png
                                     (down to file) yourimage.png

result: ../templates/img/yourimage.png

【讨论】：

所以，现在它将是 ../templates/img/myimage.png？
抱歉——错误粘贴了路径。这更有意义？您可以通过添加../ 向上移动，通过添加folder-name/ 向下移动，只要您想在文件夹中移动并找到您的文件。
仍然，它不起作用，我的图像没有显示在滑块中，我已经把头发从头上扯下来好几个小时了，我只是不知道该怎么办.. .
确保图像位于您认为的路径中。尝试将该路径放在站点域 (http://localhost/templates/img/myimage.png) 之后，并确保可以看到图像。

【解决方案2】：

应该是../../img/image_name.png

【讨论】：

【解决方案3】：

为您的网址指定绝对路径会更容易（至少在实时服务器设置中）。

例如，提供图片所需的所有 HTML 代码如下：

<img src="/ecomcopy/resources/templates/img/yourimage.png" />

无需担心复杂的相对文件路径。

【讨论】：