Question

我面临一个惊人的问题，我的html程序从网络加载图像，但不是从本地硬盘加载。我通过改变路径和文件夹尝试了很多，但问题仍然是相同的。

<div class="row">
<div class="col-md-4">
    <div class="thumbnail">
        <figure>
            <img src="/images/img.jpg"
                 alt="Ghoomo Phiro Pakistan Adventure Club">
        </figure>
        <div class="caption">
            EveryThing goes there
        </div>
    </div>
</div>
<div class="col-md-4">
    <div class="thumbnail">
        <a href="#" class="thumbnail">
            <img src="https://www.google.com/images/srpr/logo3w.png"
                 alt="Ghoomo Phiro Pakistan Adventure Club">
        </a>
        <div class="caption">
            EveryThing goes there
        </div>
    </div>
</div>

为什么这样做：

<img class="img-thumbnail img-responsive"
    src="http://upload.wikimedia.org/wikipedia/sr/0/0c/Firefox-logo.png"
    alt="" />

但不是本地图片：

<img class="img-thumbnail img-responsive"
     src="http://localhost/live/images/logo.png"
     alt="" />

Answer 1

如果使用src =“/ images / fileName”，则浏览器会在根目录中查找images文件夹。如果images文件夹位于同一工作目录中，则无法使用。您必须使用./images/fileName或images / fileName

替换它

Answer 2

检查您的图像是否在一个目录中，将您的css文件放在另一个目录中。如果是这种情况，你的css文件将无法访问图像，如果没有先进入目录，如下所示：

<img src="../images/img.jpg"

Answer 3

当我的图片从资产/图片移至视图/ *或公开时，我就这样做了。您也可以使用image_tag Rails助手。

Bootstrap img src没有从本地硬盘加载图像

3 个答案: