2017-08-13 178 views
-1

我刚刚创建了一个HTML文件并将其保存在/ var/www/HTML中。 HTML文件应该显示位于同一个文件夹中的jpg图像文件,但它不会。每当我点击图片时,它都会在文件夹中找不到404错误图片。请帮助fast.Here是HTML文件:Apache网络服务器404错误

<!DOCTYPE html> 
<html> 
<head> 
<title>Page 1 </title> 
<meta charset="UTF-8"> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/ 
bootstrap/3.3.7/css/bootstrap.min.css"> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ 
font-awesome/4.7.0/css/font-awesome.min.css"> 

<style> 
.navbar{ 
margin-bottom:0; 
border-radius:0; 
} 
</style> 
</head> 
<body> 
<nav class="navbar" style="background:#33194d;> 
<div class="container-fluid"> 
<div class="navbar-header"> 
<a class="navbar-brand" href="#">StartDirect</a> 
</div> 
<div> 
</nav> 
<div class="jumbotron"> 
<div class="container-fluid"> 
<img src="/var/www/html/page1.jpeg"style="width:100%;height:auto;"> 
</div> 
</div> 
</body> 
</html> 

enter image description here

+0

是它呼吁同一个文件夹的形象呢?图片的网址是什么? – Havenard

+0

什么是您的html代码? – hcheung

+0

显示您的HTML代码以及点击图片时您采用了哪些URL? – Kita

回答

1

,如果你是在服务器上运行此。端口80,它将是本地主机/ {yourhtml}。

现在您需要了解路径,即如何在服务器上声明它。在系统上运行时,您的路径从默认的根目录开始,即为您的主目录。现在,当你在服务器它在本地主机的根目录,其指向的路径

在/ var/www/html等/

而且不管你把该文件夹会从这个路径地址内。

所以,当你使用

<img src="/var/www/html/page1.jpeg"style="width:100%;height:auto;"> 

现在,浏览器将它理解为

/var/www/html/var/www/html/page1.jpeg

没有这种目录的地方

只需使用

<img src="page1.jpeg"style="width:100%;height:auto;">` 

同样地,如果图像文件是HTML里面

/var/www/html/page1.jpeg它将指向的路径

否则如果你有任何文件夹假设图片和你的图片文件在该图片文件夹内。你刚才需要处理的文件夹也

<img src="Image/page1.jpeg"style="width:100%;height:auto;">` 

/var/www/html/Image/page1.jpg

+0

现在这个问题看起来很愚蠢。谢谢你,@satyam Pathak –

+0

欢迎你,接受它,如果它适合你:) @PrashantChamoli –

+0

是的,它的工作原理。谢谢。 –