html打开文件夹选择图片,html-从子折叠中选择根文件夹的图像

html-从子折叠中选择根文件夹的图像

假设以下是我网站的目录结构：

现在在sub.html中，我可以简单地引用如下图像：

但是我想从sub.html引用相同的图像。src应该是什么？

7个解决方案

90 votes

../images/logo.png将您移回一个文件夹。

/images/logo.png将您移回两个文件夹。

/images/logo.png不管您身在何处，都将带您回到根文件夹。

Moses answered 2019-10-24T03:05:17Z

77 votes

您可以使用相对路径引用图像：

__ ______ ________

| | |

| | |___ 3. Get the file named "logo.png"

| |

| |___ 2. Go inside "images/" subdirectory

|

|

|____ 1. Go one level up

或者，您可以使用绝对路径：/表示这是服务器上的绝对路径，因此，如果您的服务器位于[https://example.org/，]从任何页面引用/images/logo.png都将指向[https：// example .org / images / logo.png]

|______ ________

| | |

| | |___ 3. Get the file named "logo.png"

| |

| |___ 2. Go inside "images/" subdirectory

|

|

|____ 1. Go to the root folder

aularon answered 2019-10-24T03:04:40Z

11 votes

相对参考将是

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

例如，如果问题中描述的目录树相对于服务器的根目录，则index.html和sub_folder / sub.html都将使用：

如果images文件夹位于服务器根目录下的应用程序之类的目录中，例如foo(例如http://www.example.com/foo)，则index.html(http://www.example.com/foo/index.html)例如和sub_folder / sub.html(http://www.example.com/foo/sub_folder/sub.html)都使用：

Bert F answered 2019-10-24T03:06:02Z

3 votes

您的index.html可以执行2582830221221168168，而从sub.html中可以执行src="../images/logo.png"

Robusto answered 2019-10-24T03:06:28Z

1 votes

../将您带到目录树的一个文件夹。 然后，选择适当的文件夹及其内容。

../images/logo.png

Bopsi answered 2019-10-24T03:06:55Z

0 votes

当您将文件上传到服务器时，请小心，某些主题的图像将不会出现在网页上，并且会出现崩溃的图标，这意味着当您具有以下文件结构时，代码路径没有正确排列或编码，代码应 像这样文件结构：->网络(主文件夹)   -> images(子文件夹)-> logo.png(子文件夹中的图像)以上代码如下：

如果您通过忽略文件结构将文件上传到Web服务器如果您不直接上传文件而没有创建文件夹网站，那么您的图像将被破坏而看不到图像，然后按如下所示更改代码

谢谢-> vamshi krishnan

vamsikrish answered 2019-10-24T03:07:34Z

0 votes

当您将文件上传到服务器时，请小心，某些主题的图像将不会出现在网页上，并且将出现崩溃的图标，这意味着当您具有以下文件结构时，代码路径没有正确排列或编码，代码应 像这样的文件结构：-> web(主文件夹)-> images(子文件夹)-> logo.png(子文件夹中的图像)以上代码如下：

如果您通过忽略文件结构而不将文件结构上传到Web服务器而没有创建文件夹网站，那么如果您直接上传文件，则图像将被破坏而看不到图像，然后按以下方式更改代码

谢谢-> vamshi krishnan

vamsi krishnan mysore answered 2019-10-24T03:08:20Z