问题标签 [brokenimage]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
29 浏览

html - 损坏的 img 链接,但文件存在于正确的位置

我有两个链接到同一个站点文件夹的域,一个图像加载但主图像链接已损坏。两个图像的文件位于完全相同的文件夹中,并且 img src 是一个相对链接,所以它应该可以工作。

站点域是:-

www.exppublishing.com www.exppublishing.co.uk

有任何想法吗?

谢谢

0 投票
0 回答
141 浏览

javascript - 如何防止 Googlebot 尝试验证网页上的外部图片链接?

Google Search Console 报告我的旧网站上某些页面的图片链接损坏错误。其中许多页面似乎没有被 Google 索引,我怀疑损坏的链接可能是原因。

证据如下:在控制台中,我选择了 Googlebot 发现错误的页面之一。然后我点击“Fetch as Google”,出现如下错误:“Googlebot could not get all resources for this page”。它列出了页面中“未找到”的一个或多个外部图像链接。实际上,确实有些外部图像路径被破坏了。

如果我为每个有缺陷的页面单击“查看为搜索结果”,控制台通常会显示一个空白的搜索结果页面。我认为这意味着这些页面尚未被 Google 索引。

这就是问题所在:纠正损坏的图像路径似乎很容易,但在这种情况下并非如此。我的网站有超过 70,000 个页面,其中的数据来自 MySQL 数据库,其中包含数十万个项目。每个网页都有多个从产品供应商网站链接的图像。大多数图像存储在供应商网站上的默认图像文件夹中,但有些图像存储在其他各种位置。它们的位置是不可预测的,这就是问题所在。

这个问题从一开始就预料到了。假设一定比例的外部图​​像路径不可避免地会被破坏,则每个路径都已使用以下 Javascript 进行编码,以隐藏任何丑陋的错误消息:

如果路径正确,此 javascript 允许所有产品图像在网页上正确显示。但如果图像路径有问题,则只显示一个空白。从视觉上看,这对人类来说是可以接受的,但 Googlebot 不理解 javascript,因此它认为损坏的链接是必需的资源。

以下是我的问题:有什么方法可以阻止 Googlebot 尝试验证所有外部图片链接?我可以向 Googlebot 表明外部图片链接无关紧要吗?有什么方法可以隐藏 Googlebot 的图片链接?

如果 Google 确实倾向于不索引任何外部图像链接断开的页面,那么它是否也不会索引外部网站链接断开的页面?如果是这样,那将产生不链接到外部网页的强大动力,因为我们无法控制外部网页,并且它们偶尔会被删除。

约束:

  • 供应商没有解释他们将某些产品图像存储在其网站上的非标准位置的标准。
  • 供应商未提供每张图片的链接。
  • 鉴于大量的产品数据,梳理它以找到每个单独的断开链接是不可行的。
  • 托管与供应商不断变化的产品目录相关的所有图像是不可行的,因为这需要太多的持续维护。
  • 因此,一定比例的图像链接将始终被破坏。
  • 我的网页是从我的 MySQL 数据库中以编程方式生成的,该数据库会使用供应商提供的新数据定期更新。
  • 我的编程知识仅限于一些 php 和很少的 javascript。所以请用简单的方式回答。谢谢。
0 投票
1 回答
21 浏览

html - 图像未损坏但未显示

我有这个 HTML:

srcforimg是正确的,并且图像没有损坏:

在此处输入图像描述

我试过清除手机上的浏览器历史记录。

0 投票
0 回答
559 浏览

php - nginx 服务器无法显示来自后端的图像

网站停止显示图像(显示损坏的图像链接)。

有两个事实:

但是,如果我将此链接复制到 Web 浏览器,在 Mozilla 的情况下,我会看到“无法显示图像”链接到图像“因为它包含错误”。

事实三:

  • 如果我在 apache2 (背面和正面)下的 localhost 上启动该网站的副本,图像将正确显示。所以这就是为什么我倾向于认为问题出在 nginx 的某个地方。

事实四:

  • 其他信息(例如也来自后端的文本)在那里并且很好。

有什么建议么?

UPD。新闻展示代码(每条新闻都有图片)

配置

0 投票
2 回答
271 浏览

java - 不支持 HTTP 版本:505

我编写了 selenium/Java 脚本来找出网站上损坏的图像。在 34 张图片中,有 2 张图片抛出 505 错误代码(不支持 HTTP 版本)。

这是我的代码

0 投票
1 回答
53 浏览

php - 如何从我的上传路径文件夹中的数据库中获取我的图像?

我已经在stackoverflow中查看了我遇到类似问题的地方。但它不会只对我有用。

问题是否可能是我如何将图像上传到文件夹中?这是stackoverflow中的常见答案,他们说它有效,但对我不起作用,图像仍会显示损坏。

附言。如果问题没有足够详细,我很抱歉。这是我在stackoverflow中的第一个问题

这只是我所拥有的一个例子:

这就是我上传图片的方式:

0 投票
2 回答
1270 浏览

html - 使用 CSS 样式化损坏的图像替代文本

对于我的电子商务网站,我对带有lazysizes. 为了提供符合标签,这些标签包含这个img线程的一个空src="data:,"建议,这真的很整洁。

因此,所有延迟加载的图像都显示为带有alt文本的损坏图像,直到它们到达视口。问题是,这些alt文本包含的产品名称可能非常长,因此该文本有时会溢出图像边界并破坏布局(即响应式):

在此处输入图像描述

是否有跨浏览器alt解决方案来为图像设置文本样式?

编辑重要的是要提一下,我说的是alt包含较少或不含空格的文本,因此它不会自动换行。

0 投票
1 回答
86 浏览

javascript - 如何找到并删除一些链接断开的图像元素?

我在 Wordpress 上托管了我的网站。最近我一直面临我的网站中的图片链接损坏的问题。我不知道什么时候发生的。问题出现在唯一的帖子部分。

在此处输入图像描述

0 投票
0 回答
20 浏览

image-processing - 使用 Windows Image Viewer 可以预览图像,但为什么浏览器无法呈现它?

我有一些可以使用 Windows Image Viewer 或 Microsoft Office 2010 或 Paint 3D 查看的图像,但不知何故,浏览器无法渲染图像并显示带有十字的方框。请检查下面的图片

在此处输入图像描述

在此处输入图像描述

Chrome 控制台截图:

在此处输入图像描述

在此处输入图像描述 如果您对可能的原因有任何线索,请提供帮助。

谢谢,

0 投票
0 回答
122 浏览

python - Django中的损坏图像

我得到了一个损坏的图像我尝试了几乎所有的东西看了很多问题但仍然没有工作

设置.py

网址.py

html文件