0

我一直在处理一些朋友的代码，他的大部分图像都被称为：

<img src="/uploads..."> //the '/' before the folder in the src isn't allowing me to link to the images.

我知道这对你们大多数人来说可能是一个非常简单的问题，但我似乎无法正确链接图像。我有一个文件结构如下：

project folder>two folders (uploads) & (code)

现在，如果我在“代码”文件夹中有我的 html，并且我正在尝试链接到“上传”文件夹中的所有图像，我应该如何重组我的文件以便它们链接？我已经尝试将 html 放在“项目文件夹”下的根目录中，但它仍然没有链接到上传中的图像。

关键是我不想在 html 中的每个 src 中取出“/”，我希望我可以构造文件，以便它们都能正确链接。

4

3 回答 3

1

如果每个图像链接看起来像这样：

/uploads/someFile.ext

然后，链接到的文件将需要uploads位于 Web 服务器根目录中的一个文件夹中。基本上以上被翻译成这样：

http://server/uploads/someFile.ext

无论页面的 URL 是什么。

一般来说，这种事情是不受欢迎的，因为它要求网站在服务器/域/等的根目录中运行。如果您希望网站在子文件夹中运行，则需要将上述绝对路径更改为相对路径：

./uploads/someFile.ext

这告诉浏览器将链接附加到当前文档的当前 URL“文件夹”（我使用这个术语很松散，但你明白了）。因此，如果页面的 URL 类似于：

http://server/someFolder/anotherFolder/index.html

然后将相对于该图像链接创建：

http://server/someFolder/anotherFolder/uploads/someFile.ext

从长远来看，最好的办法是相应地更新所有链接。绝对路径（你目前拥有的）只有在有真正令人信服的理由使用它们时才应该使用。在可能的情况下，使用相对路径。

作为一种快速修复，只要该uploads文件夹位于 URL 域的根目录中，它就可以工作。

于 2013-08-12T23:01:25.277 回答
1

尝试 ：

<img src="./uploads/yourimage.ext">

或者 ：

<img src="uploads/yourimage.ext">
于 2013-08-12T23:06:15.367 回答
1

您可以通过 src 属性中的绝对或相对路径来完成。

绝对：

http://example.com/uploads/example.png

相对的：

./../uploads/example.png

相对示例是，如果我们将“代码”视为您当前的目录。

./ - is a current dir
./../ - is one dir back from current dir
./../uploads/ - is one dir back from current dir, and switch to uploads dir
于 2013-08-12T23:08:15.823 回答