Question

我有一个非常简单的问题：我的图片没有加载那个简单的代码..你有任何解释吗？

<!DOCTYPE html>
<html>
   <body>
     <h2>my image</h2>
         <img src="C:\Users\Public\Pictures\Sample Pictures\desert.jpg" alt="image"/>
   </body>
</html>

注意：我使用WampServer在我的计算机上本地工作

我100％确定路径（如果我直接将它复制/粘贴到firefox的url栏中，它会显示图像）。我还尝试将图像直接放在与html文件相同的文件夹中...... 我尝试使用firefox / chrome / IE但没有成功。

虽然有些奇怪：如果我使用在线图片，它会起作用...

Answer 1

您必须使用网址，在这种情况下：file:///C:/Users/Public/Pictures/Sample%20Pictures/desert.jpg

Answer 2

尝试创建一个名为＆＃39; Project＆＃39;的文件夹。在其中放入index.html并创建另一个名为＆＃39; images＆＃39;的文件夹。和你的图像的菜肴。

像这样

<!DOCTYPE html>
<html>
<body>
 <h2>my image</h2>
     <img src="images\desert.jpg"    
alt="image"/>
   </body>
</html>

Answer 3

要从网络浏览器加载图片，而不是使用带驱动器号的路径，最好使用以下格式：

文件：/// C：\ yourpath ...

在WampServer上它不会起作用，因为您的浏览器不允许显示来自您计算机的本地内容。

适用于Mozilla Firefox 要接受它，请按照以下步骤操作：

转到＆＃34;％appdata％\ Mozilla \ Firefox \ profiles \ xxxxxxxx.default＆＃34;

编辑users.js或prefs.js

添加以下行：user_pref("capability.policy.policynames", "localfilelinks"); user_pref("capability.policy.localfilelinks.sites", "http://monserveurlocal"); user_pref("capability.policy.localfilelinks.checkloaduri.enabled", "allAccess");

现在，您应该可以在Firefox上使用Wamp从本地路径查看元素。

Answer 4

多次投诉可能导致您的加载问题：

您正在使用WAMP，它是一台服务器，但您正在使用文件路径请求该文件，就好像您在计算机上并查找它一样在一个文件夹中。您需要查找Web服务器所在的文件认为它不是计算机操作文件系统的地方认为文件是。
Windows允许目录和文件名中的空格，但大多数Web服务器不允许。

假设＆＃34; C：\ Users \ Public \ Pictures \＆＃34;是WAMP Web服务器认为公共文件可用于服务的地方，那么您可能希望创建一个＆＃34;图像＆＃34;将目录放入并将您的图像文件放在该目录中，然后像<img src="/images/filename.jpg alt="">

图像无法加载（HTML）

4 个答案: