在传输到其他计算机后，如何在html页面中加载文件？

当我将我网站的压缩文件发送到另一台计算机时，链接似乎断开了。有没有办法将图像嵌入文件夹而不是硬盘

  <ul>
    <li>
      <img src="file:///Users/Platyous/Desktop/Summer%202016dt/DIg2500/Semester%20Website%20-%20Gintama%20Fan%20page/Images/Gintoki.png">Sakata Gintoki</li>
    <li>
      <img src="file:///Users/Platyous/Desktop/Summer%202016dt/DIg2500/Semester%20Website%20-%20Gintama%20Fan%20page/Images/Kagura.jpg">Kagura</li>
    <li>
      <img src="file:///Users/Platyous/Desktop/Summer%202016dt/DIg2500/Semester%20Website%20-%20Gintama%20Fan%20page/Images/Shinpachi.jpg">Shimura Shinpachi</li>
  </ul>

坂田真木

卡古拉

Shimura Shinpachi

我的导航也是如此

  <nav>
    <a href="file:///Users/Platyous/Desktop/Summer%202016dt/DIg2500/Semester%20Website%20-%20Gintama%20Fan%20page/home.html">Home</a> |
    <a href="file:///Users/Platyous/Desktop/Summer%202016dt/DIg2500/Semester%20Website%20-%20Gintama%20Fan%20page/Gintama.html">Gintama The Show</a> |
    <a href="file:///Users/Platyous/Desktop/Summer%202016dt/DIg2500/Semester%20Website%20-%20Gintama%20Fan%20page/Games.html">Games</a> 
  </nav>

|
|

正如评论所说，这将解决这个问题

如果您使用此网站只是为了在浏览器中打开HTML文件，而不打算将其托管在服务器上，则以下操作将起作用：

Images/Gintoki.png
home.html

但是，下面的建议针对的是重用此标记并相对于域加载（托管在网站上或通过本地web服务器加载）的事件。在这种情况下，请使用URI相对路径：

<ul>
  <li><img src="/Images/Gintoki.png">Sakata Gintoki</li>
  <li><img src="/Images/Kagura.jpg">Kagura</li>
  <li><img src="/Images/Shinpachi.jpg">Shimura Shinpachi</li>
</ul>

<nav>
  <a href="/home.html">Home</a> |
  <a href="/Gintama.html">Gintama The Show</a> |
  <a href="/Games.html">Games</a> 
</nav>

由于图像指向另一台计算机的绝对路径，浏览器正在从原始目标请求图像，由于图像不在那里，将返回一个。

如注释所示，将解决此问题

如果您使用此网站只是为了在浏览器中打开HTML文件，而不打算将其托管在服务器上，则以下操作将起作用：

Images/Gintoki.png
home.html

但是，下面的建议针对的是重用此标记并相对于域加载（托管在网站上或通过本地web服务器加载）的事件。在这种情况下，请使用URI相对路径：

<ul>
  <li><img src="/Images/Gintoki.png">Sakata Gintoki</li>
  <li><img src="/Images/Kagura.jpg">Kagura</li>
  <li><img src="/Images/Shinpachi.jpg">Shimura Shinpachi</li>
</ul>

<nav>
  <a href="/home.html">Home</a> |
  <a href="/Gintama.html">Gintama The Show</a> |
  <a href="/Games.html">Games</a> 
</nav>

---

由于图像指向另一台计算机的绝对路径，浏览器正在从原始目标请求图像，由于图像不在那里，将返回一个。

在相对路径上进行谷歌搜索。这样，您的路径将是相对于应用程序的，而不是绝对的。为什么不使用相对路径而不是全局路径呢？我不知道我要查找的路径的正确术语。我试过谷歌，但没有成功，但现在我知道了。谢谢^^在相对路径上进行谷歌搜索。这样，您的路径将是相对于应用程序的，而不是绝对的。为什么不使用相对路径而不是全局路径呢？我不知道我要查找的路径的正确术语。我试过谷歌，但没有成功，但现在我知道了。谢谢^^

/Images/Gintoki.png

是绝对路径，

Images/Gintoki.png

是相对路径。请注意与域相关的关键字。事实上这是引用相对于HTML文档托管的文件的实际方式。请不要因为我拒绝了你建议的改变而否决投票。请下载，运行python-m SimpleHTTPServer，然后转到，您会注意到一个带正斜杠前缀的图像src。@vsakos您可能会发现这个有用，或者这个@Seth我认为您错了。斜杠前缀URL相对于根目录，而不是当前目录，因此实际上它们是绝对路径。尝试将git repo中的所有文件放到另一个文件夹中，您将看到。它适用于您，因为您是相对于web服务器的根来访问它的。但是如果他使用的是

/Images/Gintoki.png

，那实际上就是

file:///Images/Gintoki.png

而非

file:///an/absolute/path/Images/Gintoki.png

在从文件系统直接查看html页面的上下文中，您是正确的。然而，html页面是为web服务器设计的。任何人都会发现这种做法非常有用，如果他们想要有嵌套路径的网站。

/Images/Gintoki.png

是绝对路径，

Images/Gintoki.png

是相对路径。请注意与域相关的关键字。事实上这是引用相对于HTML文档托管的文件的实际方式。请不要因为我拒绝了你建议的改变而否决投票。请下载，运行python-m SimpleHTTPServer，然后转到，您会注意到一个带正斜杠前缀的图像src。@vsakos您可能会发现这个有用，或者这个@Seth我认为您错了。斜杠前缀URL相对于根目录，而不是当前目录，因此实际上它们是绝对路径。尝试将git repo中的所有文件放到另一个文件夹中，您将看到。它适用于您，因为您是相对于web服务器的根来访问它的。但是如果他使用的是

/Images/Gintoki.png

，那实际上就是

file:///Images/Gintoki.png

而非

file:///an/absolute/path/Images/Gintoki.png

在从文件系统直接查看html页面的上下文中，您是正确的。然而，html页面是为web服务器设计的。任何人都会发现这种做法非常有用，如果他们打算有嵌套路径的网站。