即使 img 标签中的路径正确，HTML 图像也不显示答案

【问题标题】：HTML image not displaying even though the path in the img tag is correct即使 img 标签中的路径正确，HTML 图像也不显示
【发布时间】：2022-01-26 20:50:08
【问题描述】：

我正在尝试使用 HTML 在我的 Angular 项目中显示图像。代码如下所示

<img src="../../../../../Uploads/1640665063123--hc-Freeport.jpg" alt="Test">

我已验证链接正确。文件类型也正确。此外，图像没有以任何方式损坏，因为我可以在照片、Visual Studio Code 和 Google Chrome 中打开它。但是，图像不会以 HTML 格式加载。而是显示“测试”文本。谁能给我一些建议？我错过了什么吗？

下面的链接显示了我的项目的结构。第二个链接显示了主页组件所在的文件，这是应该显示图像的位置。

https://ibb.co/Qj8HZy5

https://ibb.co/4JSk8g2

【问题讨论】：

您使用的是相对路径还是完整路径？
我使用的是相对路径
你能分享一下你的项目结构吗？
我已经用链接更新了我的帖子，这些链接显示了我的项目 Rajat 的结构。如果有时间，请随时查看。
你可以尝试重命名图像名称并删除多个--。尽量保持简单，如 abc 用于测试目的，如果它可以工作，那么你可以给它起正确的名称。

标签： html angular image

【解决方案1】：

尝试将图像文件放在assest文件夹中并使用此路径，

<img src="assets/Uploads/1640665063123--hc-Freeport.jpg" alt="Test">

【讨论】：

感谢您的回答！我刚刚意识到 Angular 只允许你从 assets 文件夹中读取图像。

【解决方案2】：

我之前做网站的时候也遇到过这个问题。尝试使用根目录的完整路径，或者尝试使用不同的文本编辑器或浏览器。

【讨论】：

我尝试了如下所示的完整路径<img src="file://E:/Year 4 Semester 1/ECNG 3020/Final_Year_Project/Uploads/1640665063123--hc-Freeport.jpg" alt="Test2"> 不幸的是，这不起作用。它也不适用于不同的浏览器。