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

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

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

<img src="images/me.jpg" width="200" height="267" alt="me">

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

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

提前致谢。

【问题讨论】：

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

标签： html image src

【解决方案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" width="200" height="267" alt="me">

【讨论】：

【解决方案7】：

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

<div id="upperPart">
    <img id="foxPicture" th:src="greenfox.png" height="200" width="200" alt="Green Fox logo"/>
    <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】：

列表项
1. 只需转到驱动器上的图像位置
2. 选择图片
3. 使用您喜欢的浏览器打开它
4. 转到网址栏
5. 从网址栏中复制位置
6. 在img src=（粘贴到这里）中使用它
7. 看起来像这样
8. img src="file:///C:/Users/Mercy/Documents/WEB%20DEVELOPMENT/HTML5/lion.jpg" alt="狮子头像" height="300" width="500"李>

【讨论】：