在src网址有效的情况下，HTML图像无法显示

Question

<img class="sealImage" alt="Image of Seal" src="file:///C:/Users/Anna/Pictures/Nikon%20Transfer/SEALS%20PROJECT/j3evn.jpg">

这不显示图像，只显示alt。 但是，如果我去

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

在浏览器中显示图像。

我现在正在Windows机器上的xampp上托管这个。

我尝试过不同的浏览器，有和没有％20的空间，但我知道这是正确的方法。（实际上它与两者兼容）

我知道这些图片只会在托管它的机器上显示，这不是问题。

Answer 1

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

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

您可以通过

在html中访问它

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

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

希望这有帮助！

Answer 2

我的图像即使放在正确的文件夹中也没有显示，问题是他们没有正确的权限，我更改了读写执行的权限。我用过chmod 777 image.png。一切顺利，图像显示。 ：）

Answer 3

由于您使用带有“file：//”的URL链接，因此无法使用。 相反，您应该将目录与HTML文件匹配，例如：

让我说我的档案放在：

C:/myuser/project/file.html

我想要的图像在：

C:/myuser/project2/image.png

我所要做的就是以这种方式匹配目录：

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

Answer 4

我的问题是在图像名称

之前不包括../

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

Answer 5

您可以尝试将图像放在源目录中。您可以通过用src="../imagenamehere.fileextension替换文件路径来链接它。在您的情况下，j3evn.jpg。

Answer 6

简单的解决方案是：

1。将图像文件和HTML文件保留在同一文件夹中。

2.code：<img src="Desert.png"> //您的图片名称。

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

将文件夹保留在桌面（c盘）上，您可能会遇到权限问题。

Answer 7

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

Answer 8

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

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

不是这个

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

这解决了我的问题。