HTML <img src> 不会加载我的图片

Posted 2023-03-05

技术标签:

【中文标题】HTML <img src> 不会加载我的图片【英文标题】：HTML <img src> wont load my images 【发布时间】：2013-11-30 18:32:19 【问题描述】：

我对此感到茫然，我用 jquery 创建了我的网站的移动版本，但我的图像拒绝加载 img src 标签。

<img src="images/me.jpg"   >

我尝试使用直接从我的网站加载我的图像，但他们也拒绝加载，并将图像移动到与网页相同的目录，但仍然没有。我只是得到一个宽度和高度大小的框，中间有一个替代文本和一个图像图标。

我只是不明白它有什么问题。

提前致谢。

【问题讨论】：

您确定me.jpg 图像位于images 目录中，并且网络服务器有权访问该目录并且已配置为从中提供图像吗？图像肯定在正确的目录中。我尝试在本地而不是在线修复它，但我仍然遇到同样的问题如果您尝试从错误的目录加载它们，您应该收到404 not found 错误，或者如果您的应用程序没有访问该目录的权限，您应该收到403 unauthorized。检查您的控制台是否有错误。然后检查您的 html - 您确定它在正确的目录中吗？您是否已保存更改？您是否使用了可能会导致实际路径混淆的服务器端包含或类似内容？你可以尝试 2 件事 1：在 src 中输入图像的完整路径 2：保存图像，在 Photoshop 中打开并再次保存为 JPG.. 并尝试... 【参考方案1】：

尝试使用完整路径：

<img src="http://www.yourdomain.com/images/me.jpg" width="200" height="267" alt="me">

出于测试目的，只需打开http://www.yourdomain.com/images/me.jpg，您应该会看到图像。如果它不起作用，那么您的 html/jquery 一定存在兼容性问题。只需发布您的 html 文件的其余部分并告诉我们您正在使用的 jquery 插件...

【讨论】：

试试这个...如果您的 index.html 或 index.php 在文件夹 /yourdomain 中并且您的图像包含在 /yourdomain/image 中，请修改 src="./image/" 大家好，非常感谢您的建议。图像有问题，文件必须已损坏或无法打开任何东西。所以我只是简单地替换了图像。你不必把整个域...你可以使用/images/me.jpg【参考方案2】：

我的图像实际上已损坏或无法正常工作，因为我无法在 Photoshop 中打开它们，我不得不替换这些图像。

【讨论】：

【参考方案3】：

我也遇到了同样的问题。它是文件名中的大写字母。有些图片正在加载，有些则没有。有些图片有大写的.JPG 文件扩展名，有些有小写的.jpg。我的 HTML 代码使用小写 .jpg 引用了所有图像。

我正在 Synology DS 上运行网络服务器。

【讨论】：

【参考方案4】：

我昨晚刚开始写 html，所以这是一个完全的菜鸟响应，因为我刚刚遇到了同样的问题，但是如果你在 Windows 计算机上，那么你在文件位置的斜杠应该是反斜杠而不是正斜杠就像我说的 - 完全是菜鸟，但希望它有所帮助

【讨论】：

【参考方案5】：

确保您在正确的子域中，以防您使用 dev、staging 等。

我也想知道，直到我发现我在图像不存在的暂存域中。

还要确保清除缓存。

【讨论】：

【参考方案6】：

如果您尝试不同的方法但都不起作用，只需将图像文件移动到 HTML 文件所在的工作文件夹即可。

以下作品：

<img src="me.jpg"   >

【讨论】：

【参考方案7】：

如果您使用的是百里香叶，请注意。那么你必须有像这样的源：（它本身会通过并且不采用存储库路径，...）。

<div id="upperPart">
    <img id="foxPicture" th:src="greenfox.png"   />
    <a class="Mr.Fox_description">This is Mr. Fox. Currently living on pizza and lemonade. He knows 2 tricks. </a>
</div>

【讨论】：

【参考方案8】：

我已经解决了我的问题，将src="image.jpg" 替换为src="file:///c:\FULL_PATH\image.jpg"

【讨论】：

【参考方案9】： 列表项

只需转到驱动器上的图像位置选择图片使用您喜欢的浏览器打开它转到网址栏从网址栏中复制位置在img src=（粘贴到这里）中使用它看起来像这样 img src="file:///C:/Users/Mercy/Documents/WEB%20DEVELOPMENT/HTML5/lion.jpg" 李>

【讨论】：

以上是关于HTML <img src> 不会加载我的图片的主要内容，如果未能解决你的问题，请参考以下文章

<v-img> 不适用于静态图像。 [Vuetify] 图片加载失败 src：@/assets/img/logo.png

vue中，图片<img src="path"/>如何加载绝对路径的图片？例如：D:/photo/fileName