HTML图像不显示，而src url工作

在浏览器中，将显示图像

我现在在xampp上，在windows机器上托管这个

我尝试过不同的浏览器，有%20和没有%20的空间，但我知道有是正确的方法。（事实上，两者都适用）

---

我知道这些图像只在托管它的机器上可见，这不是问题。

您的文件需要位于您的www目录中。例如，如果您在Windows上使用wamp服务器，则应该找到j3evn.jpg

file:///C:/Users/Anna/Pictures/Nikon%20Transfer/SEALS%20PROJECT/j3evn.jpg

您可以通过

C:/wamp/www/img/j3evn.jpg

查找属于web服务器的www、public_html或html文件夹。将所有文件和资源放在该文件夹中

---

希望这有帮助

您可以尝试将图像放在源目录中。您可以通过将文件路径替换为

src=“../imagenamehere.fileextension

来链接它。在您的例子中，是j3evn.jpg。

它不起作用，因为您使用带有“file://”的URL链接。 相反，您应该将目录与HTML文件相匹配，例如：

假设我的文件放置在：

<img class="sealImage" alt="Image of Seal" src="../img/j3evn.jpg">

我想要的形象是：

C:/myuser/project/file.html

我所要做的就是这样匹配目录：

C:/myuser/project2/image.png

我的图像即使放在正确的文件夹中也没有显示出来，问题是它们没有正确的权限，我将权限更改为读写执行。我使用了chmod 777 image.png。然后所有的工作都正常了，图像都被显示出来。：

我的问题不包括图像名称前的../

<img src="../project2/image.png" />

---

简单的解决方案是：

1.将图像文件和HTML文件保存在同一文件夹中

2.code:

//您的图像名称

3.将文件夹保存在D驱动器中

---

将文件夹保留在桌面上（即c驱动器）可能会面临权限问题。

在angular.json文件夹结构中应该是这样的

background-image: url("../image.png");

不是这个

"assets": [             
  "src/assets",
  "src/favicon.ico"
],

---

这就解决了我的问题。

将图像文件夹的名称更改为img，然后使用HTML代码

确保@William Yang发布的图像位于承载网站的计算机上。将其弹出到您的www文件夹中，然后链接到“src='j3evn.jpg”“然后你就可以走了。是的，我也有同样的问题。绝对链接_http://localhost/path/image.jpg 在浏览器中工作正常，但在src标记中不起作用：|因此，我没有移动图像，而是创建了一个软链接。我认为，由于浏览器可以从托管目录之外访问它，这将很好。@Scuzzball不，您必须移动它们。所有资源（如html、css和javascript）都必须位于xampp的www目录中。@Scuzzball将其视为xampp www文件夹是您想要显示世界的文件夹，而服务器/计算机上的所有其他文件夹都隐藏在视图之外。这样做是出于明显的安全原因。是的，我理解这一点，但这是一个永远不会看到开放互联网的项目，我只是用PHP做的，因为我知道，快速完成非常重要。这真的应该在别的地方做。这是我的问题！谢谢，我快疯了！这一直发生在我身上，因为我正在跨平台工作，部署到linux虚拟机。我想我已经三次提到这个问题了。这个答案似乎与原来的问题没有关联，也似乎没有答案。

"assets": [             
  "src/assets",
  "src/favicon.ico"
],

"assets": [     
  "src/favicon.ico",
  "src/assets",
],