无法从HTML页面加载图像

时间:2018-05-17 04:19:43

标签: html css image

我试图在代码中创建一个网站,并在页面中添加了一个图像:<img src"../img/image.png">。当我在浏览器中加载页面时,我得到一个方框,它说它无法加载图像。

我在Windows 10和Kubuntu 18.04中尝试过它 - 同样的错误。我制作CSS文件时遇到同样的错误。如果我将图像放在根文件夹中就可以了。有什么想法吗?

4 个答案:

答案 0 :(得分:0)

应该是 <img src="../img/image.png">。您错过了=

答案 1 :(得分:0)

在我的html页面的顶部没有工作同样的错误只有它的工作方式我把../WebSite/img文件夹。但是,当我ftp页面没有标志或背景。但文件在那里

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="../css/Main.css" />
</head>
<body>
    <img src="../img/Logo.png">
</body>
</html>

答案 2 :(得分:0)

我创建了assets文件夹,该文件夹包含images文件夹,然后我将png type image(bill.png)粘贴到image目录中。

以下是带图像路径的代码

<img src="{{ asset('assets/images/bill.png') }}" class="center-block">

重要的事情 公共目录中的assets文件夹

答案 3 :(得分:0)

将图像放在与网页相同的文件夹中,然后尝试将源更改为该图像名称。                                      要么 如果要从assests文件夹加载图像,请尝试清除浏览器缓存数据。