检查网络选项卡，看看Chrome浏览器是否下载任何资源文件失败。

为了帮助任何人，我有这个完全相同的问题，并发现这是由“不跟踪+”Chrome扩展(版本2.0.8)引起的。当我禁用该扩展，图像加载没有错误。

我最近遇到了这个问题，并发现这是由“Adblock”扩展引起的(我最好的猜测是，这是因为我在文件名中有“横幅”和“广告”字样)。

作为一个快速测试，看看这是否是你的问题，在隐身模式下启动Chrome，并禁用扩展(ctrl+shift+n)，看看你的页面现在是否正常工作。注意，默认情况下，所有扩展都将在隐身模式下被禁用，除非你特别设置它们运行(通过chrome://extensions)。

我得到这个错误，只有在Chrome(最新版本24.0.1312.57 m)，只有当图像大于html img。我使用了一个php脚本来输出像这样的图像:

header('Content-Length: '.strlen($data));
header("Content-type: image/{$ext}");
echo base64_decode($data);

我用图像长度加1来求解:

header('Content-Length: '.strlen($data) + 1);
header("Content-type: image/{$ext}");
echo base64_decode($data);

似乎Chrome浏览器不期望正确的字节数。

在Chrome和ie9测试成功。希望这对你有所帮助。

卡比尔的解是正确的。我的图片URL是

/images/ads/homepage/small-banners01.png, 

这就是AdBlock。这对我来说不是一个跨域的问题，它在本地主机和web上都失败了。

我使用Chrome的网络选项卡进行调试，发现这些特定图像加载失败的结果非常令人困惑。第一个请求将不返回任何响应(状态“(pending)”)。随后，出现了第二个请求，其中列出了原始URL，然后将“重定向”作为启动器。重定向请求头都是针对这一行相同的base64编码的数据，并且每个头都没有返回任何响应，尽管状态为“成功”:

GET      data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACklEQVR4nGMAAQAABQABDQottAAAAABJRU5ErkJggg== HTTP/1.1

后来我注意到这些内联样式被添加到所有的图像元素中:

    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;

最后，我没有在控制台中收到任何“加载资源失败”的消息，而是这样:

Port error: Could not establish connection. Receiving end does not exist.

如果这些事情发生在你身上，很可能与广告拦截有关。关闭它和/或重命名您的图像文件。

此外，由于AdBlock创建的内联CSS，我的促销滑块的布局被抛出。虽然我能够在找到Kabir的解决方案之前用CSS修复布局问题，但CSS有点不必要，并且影响了滑块处理多种大小图像的灵活性。

我想教训是:小心你给你的图像命名。这些图片并不是恶意的或令人讨厌的，因为它们以一种不引人注目的方式提醒访问者当前的促销和特价活动。

如果图像是通过ASP Response.Write()生成的，请确保不要调用Response.Close();。Chrome浏览器不喜欢它。

有一个临时的工作围绕在重新启用(临时)showModalDialog支持Chrome (Windows) 37+。

基本上，在注册表中创建一个新字符串

HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Google\Chrome\EnableDeprecatedWebPlatformFeatures

在enabledeprecedwebplatformfeatures键下，创建一个字符串值，名称为1，值为ShowModalDialog_EffectiveUntil20150430。请访问chrome://policy URL来验证策略是否已启用。

在Chrome (Canary)中，我未选中“Appspector”扩展。这清除了错误。

事实:

我已经禁用了所有插件，问题仍然存在。 有一些站点，在那里问题没有发生。 这是一个众所周知的问题。请参见问题424599:Failed to load resource: net::ERR_CACHE_MISS error当打开DevTools在PHP页面和堆栈溢出问题Chrome开发控制台奇怪的错误-未能加载资源:net::ERR_CACHE_MISS。

还有关闭网络资源缓存的选项。这可能最适合开发环境。

右键单击铬 点击" inspect element " 在顶部的某个地方寻找“网络”标签。点击它。 选中“禁用缓存”复选框。

我把我的Chrome浏览器更新到最新版本，这个问题已经解决了。

供你参考-我也有这个问题，原来我的html列出的。jpg文件是大写的。jpg，但文件本身是小写的。jpg。这在本地和使用Codekit时呈现良好，但当它被推到网络上时，它将无法加载。只需将文件名更改为小写的.jpg扩展名以匹配html即可。

这是由于广告拦截软件。当项目文件名包含像“广告”这样的单词时，广告拦截器也会阻止这些文件加载。

最好的解决方案是永远不要保存任何具有这些名称键的文件。

从路径中移除/帮助我解决了这个问题。

更多信息请访问: 加载资源:net::ERR_FILE_NOT_FOUND加载json.js失败