HTML – 从子文件夹中select根文件夹的图像

可以说下面是我的网站的DIR结构 DIR结构

现在在index.html我可以简单地引用图像

 <img src=".http://img.dovov.comlogo.png"> 

但是如果我想引用相同的图像fron sub.html什么将是src

 <img src="..http://img.dovov.comlogo.png"> __ ______ ________ | | | | | |___ 3. Get the file named "logo.png" | | | |___ 2. Go inside "images/" subdirectory | | |____ 1. Go one level up 

..http://img.dovov.comlogo.png会将您移回一个文件夹。

../..http://img.dovov.comlogo.png会将你移回两个文件夹。

http://img.dovov.comlogo.png将带你回到根文件夹,无论你在哪里/。

相关的参考将是

 <img src="..http://img.dovov.comlogo.png"> 

如果您知道相对于服务器根目录的位置,那么对于具有复杂嵌套目录层次结构的应用程序来说,这可能是最简单的方法 – 从所有文件夹都是相同的。

例如,如果您的问题中描述的目录树是相对于服务器的根目录,那么index.html和sub_folder / sub.html都将使用:

 <img src="http://img.dovov.comlogo.png"> 

如果图像文件夹在服务器根目录(如http://www.example.com/foo )下的foo应用程序的根目录中,则index.html( http://www.example.com/foo/index.html )和sub_folder / sub.html( http://www.example.com/foo/sub_folder/sub.html )都使用:

 <img src="/foohttp://img.dovov.comlogo.png"> 

你的index.html可以做src="images/logo.png" ,从sub.html你可以做src="..http://img.dovov.comlogo.png"

../把你一个文件夹上的目录树。 然后,select适当的文件夹及其内容。

 ..http://img.dovov.comlogo.png 

当你上传你的文件到服务器时要小心,一些图片不会出现在网页上,并且会出现一个崩溃的图标,这意味着当你有下面的文件结构时,你的文件path没有正确的安排或编码像这样文件结构: – > web(主文件夹) – > images(子文件夹) – > logo.png(图片在子文件夹中)上面的代码是按照这个标准

  <img src="..http://img.dovov.comlogo.jpg" alt="image1" width="50px" height="50px"> 

如果您通过忽略文件结构而无需创build文件夹网站将file upload到networking服务器,如果您直接上传文件,那么您的图像将被打破,看不到图像,然后更改代码如下

  <img src="images/logo.jpg" alt="image1" width="50px" height="50px"> 

谢谢你 – > vamshi krishnan

当你上传你的文件到服务器时要小心,一些图片不会出现在网页上,并且会出现一个崩溃的图标,这意味着当你有下面的文件结构时,你的文件path没有正确的安排或编码像这样文件结构: – > web(主文件夹) – > images(子文件夹) – > logo.png(图片在子文件夹中)上面的代码是按照这个标准

< img src="..http://img.dovov.comlogo.jpg" alt="image1" width="50px" height="50px">

如果您通过忽略文件结构而无需创build文件夹网站将file upload到networking服务器,如果您直接上传文件,那么您的图像将被打破,看不到图像,然后更改代码如下

 <img src="images/logo.jpg" alt="image1" width="50px" height="50px"> 

谢谢你 – > vamshi krishnan