HTML – 从子文件夹中select根文件夹的图像
可以说下面是我的网站的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