PNG图像未在服务器上显示

Question

我将图像上传到我的网络服务器，就像所有图像一样。我在Photoshop中创建它并导出到.png。图像位于img / SccBridgeLogo.png下代码为src="img/SccBridgeLogo.png"但浏览器显示图像不存在。我已将权限设置为0777，我已更改了图像路径，在同一路径中尝试了不同的图像以确认它正在读取路径，并且图像将无法显示。您可以在此处查看链接，它不显示任何内容：http://www.centurydie.com/sccbridge/img/SccBridgeLogo.png

编辑：这就是图像的样子：http://prnt.sc/e0ryfq

Answer 1

你忘记了“最后。” 它应该是这样的：

src="img/SccBridgeLogo.png"

OR
尝试在路径的开头添加/，这应该告诉浏览器从索引目录中搜索。

src="/img/SccBridgeLogo.png"

请注意，这仅适用于您在网站上运行的情况，从浏览器中的index.html运行将返回

File:////

Answer 2

我不得不使用图片标签进行后备广告，并在那时遇到了这个问题。

此功能正常工作

<img src="images/netgraph-logo.png" alt="NetGraph Logo">

添加图片标签

后

<picture>
  <source srcset="images/netbob-logo.webp" type="image/webp">
  <source srcset="images/netbob-logo.png" type="image/png">
  <img src="./images/netbob-logo.png" alt="NetBob Logo">
</picture>

就我而言，我能够从根文件夹中删除一个文件夹，因此在其余URL之前使用“ ./ ”可以正常工作。不过，您可能需要备份几个文件夹，所以请确保使用正确的路径类型。