问题标签 [brokenimage]

当没有显示图像时，如何隐藏显示为“ https://www.underconsideration.com/brandnew/archives/google_broken_image_00_a_logo.gif ”的损坏图像图标？我使用 php 和 css 创建了一个评论框，允许用户发表评论以及上传照片。但是，如果用户只想发表评论而不上传任何照片，如果他们只发表评论而不上传任何照片，评论部分将显示损坏的图像图标。

我确实申请onError='this.style.display ='none';'了alt=''我的剧本，但仍然没有运气。

这是我编写的用于在用户发表评论或上传照片时显示评论和照片的代码：

图像图标损坏的问题发生在：

在从 gmail 中的原始来源再次请求之前，谷歌图像代理存储缓存的图像多长时间？原始来源图片的变化是否影响图片缓存，邮件中的图片是否被替换？如果是这样，需要多长时间才能做出改变？

我查看了旧的 facebook 电子邮件通知，所有图像都损坏了，因为来自 facebook 的“原始图像 url”的 url 签名已过期。

试图通过它的 url 创建一个可以在整个站点的不同页面上多次重复使用的图像。当前使用 ACF 在文件所在的页面上创建图像字段，从那里使用放置在 scr="" 中的 ACF 短代码输出图像。

没有 img 标签，只使用[acf field="name" post_id="24"]它返回的简码

http://www.example.com/wp-content/uploads/2020/07/iain-e1593698192670.jpg

跟随此链接在新选项卡中提供了图像，因此我认为 url 不是问题的根源。

目前的设置是

结果：恼人的破碎图像图标。

编辑

使用海狸生成器

我是自学成才的程序员，也是 Webpack(v.4) 的新手。我正在尝试显示文件中的一些图像，但它们在所有浏览器中都显示损坏。我安装了一个文件加载器，甚至在安装了一个 url-loader 后尝试了一个直接的 url 链接，但没有运气。我不确定我错过了什么。任何指导将不胜感激。

这是我的文件结构：

这是 dev.js 文件：

这是我的 index.js 文件：

这就是我在我的功能中使用它的方式 - 也许这是不正确的

提前感谢您帮助像我这样的菜鸟！

当用户在前端查看损坏的图像时，我需要设置一个 dataLayer 事件。我在控制台中有很多错误，但我无法将此信息传递到 dataLayer 中，例如：

页面加载时。对通用 JS 或 jQuery 代码有什么建议吗？

谢谢

我尝试的事情 1.simple path without URL::to 2.url() method 3.absolute path 4.asset(simple relative path) 在我的 .env 文件中将 APP_URL 从 http://localhost 更改为 http://localhost： 8000 因为它在 8000 端口上运行，所以我正在添加一些图片。当我使用简单的相对路径时，这里要提到的一件事很重要，它会在 IDE 和浏览器中显示鼠标悬停的图片，但浏览器不会在网页上呈现它。请see pictures

src="{{URL::to('public/imgs/2.png')}}"

代码：

当我在浏览器中将其作为文件打开时，我看到的图像很好。但是当我导航到已发布的网页时，它丢失了，并且替代文本也不显示。

我做错了什么？

我的函数使用 file_get_contents，我使用它从网页获取图像 src URL，然后将这些图像打印到不同的 php/html 页面上。但有时图像可以正确渲染，有时则不能。这是我的代码：

有时，当我通过 $url_db 变量传递 URL 并将图像回显到另一个页面时（如上面的最后一行代码所示），它可以正常工作并显示图像，但有时会导致“图像损坏”图标

正确呈现图像的示例 URL：https ://simplifaster.com/

显示损坏图像的示例 URL：https ://store.simplifaster.com/

我用python 3做一个图，显示的很好，但是保存的时候，右半边坏了，如下图。我不确定它有什么问题。我的代码如下：

SO社区，

我在我的 GitHub 存储库 README 中使用嵌入式图像（图标、屏幕截图等），今天注意到我的所有图像在不久前（大约一周左右）之前工作时都损坏了。一些开发者朋友的 repos 显示相同的症状和浏览器控制台错误：

注意：这些是正确的，并在单独的选项卡/窗口中显示正确的图像。

通常，我专门创建了一个单独的、未合并的分支media，其中包含我想在 README 中使用的任何图像，然后像这样链接它们......

选项 1：<img>使用完整的原始内容 URL。
<img src="https://raw.githubusercontent.com/terrencemm2/terrencemm2/main/assets/azure.png" height=14 />

选项2：<img>使用相对路径。
<img align="right" width="100" height="100" src="../media/logo.png?raw=true">

选项 3：每个https://guides.github.com/features/mastering-markdown/的图像 Markdown 语法。
![Screenshot](../media/screenshot.png?raw=true)