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

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 的空间，但我知道 with 是正确的方法。（实际上它适用于两者）

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

score 16 · Accepted Answer

您的文件需要位于 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 文件夹。将所有文件和资源放在该文件夹中。

希望这可以帮助！

score 5 · Accepted Answer

即使将它们放入正确的文件夹后，我的图像也没有显示，问题是它们没有正确的权限，我将权限更改为读写执行。我使用了 chmod 777 image.png。然后一切正常，图像开始显示。:)

score 4 · Accepted Answer

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

可以说我的文件放在：

C:/myuser/project/file.html

我想要的图像在：

C:/myuser/project2/image.png

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

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

score 2 · Accepted Answer

2

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

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

于 2016-09-01T00:57:14.183 回答

score 1 · Accepted Answer

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

score 0 · Accepted Answer

简单的解决方案是：

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

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

3.将文件夹保存在D盘。

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

score 0 · Accepted Answer

0

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

于 2020-11-01T20:45:51.027 回答

score 0 · Accepted Answer

我的问题是我/在路径前面（资产是一个目录），例如：

<img src="assets/images/logo.png>"是正确的，而

<img src="/assets/images/logo.png>"返回错误。

score -3 · Accepted Answer

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

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

不是这个

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

这解决了我的问题。

9 回答 9