<img>带有404图像响应的错误

布拉德

我正在从服务器加载图像,该服务器在存在404时返回图像。也就是说,如果我正在加载的图像不存在,则服务器将返回404响应,并显示200x200 PNG后备图像,显示“可用”。

我想检测客户端发生这种情况的时间。我尝试了该onerror属性:

<img src="http://example.com/photo.jpg" onerror="console.log(this)" />

仅当来自服务器的404响应完全没有图像时,此代码才有效。由于我的404响应确实存在,因此该onerror事件从未触发。

是否可以解决此问题,而无需使用JavaScript预加载图像?

伦德罗

我采取的解决方法是调用内部方法槽ajax,该方法通过httpclient检查图像是否返回404预制页面。如果是这样(任何状态404),则返回我自己的匿名图像,如果不是,则返回字符串本身。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

响应式图像,带有srcset的图片与img,后备问题

来自分类Dev

CSS 图像遮罩,带有 % 高度的 img

来自分类Dev

带有div和CSS的响应式图像(无img标签)

来自分类Dev

响应图像:img srcset + Bootstrap,加载了错误尺寸的图像

来自分类Dev

<img>标签是否对所有Http 4XX错误做出与404s相同的响应?

来自分类Dev

使用带有<img src =“”的php显示图像

来自分类Dev

将带有循环的图像加载到<img>标签

来自分类Dev

带有CSP img-src的Chrome *仍会阻止图像

来自分类Dev

引导程序:img响应vs img流体

来自分类Dev

Bootstrap img响应类-图像重叠

来自分类Dev

Boostrap响应式img

来自分类Dev

带有load_img函数的keras numpy错误

来自分类Dev

如何使带有文本的img填充<img>容器

来自分类Dev

Beautifulsoup没有img

来自分类Dev

带有标题参数的img src路径

来自分类Dev

带有JQuery UI的可选IMG

来自分类Dev

使用带有 vue 和 axios 的 img

来自分类Dev

具有img标签的全屏图像

来自分类Dev

Bootstrap 5 img响应式

来自分类Dev

使用Bootstrap响应式img

来自分类Dev

我想在所有内容图像上应用CSS类(bootstrap).img响应

来自分类Dev

我想在所有内容图像上应用CSS类(bootstrap).img响应

来自分类Dev

将所有图像转换为带有img的可点击A标签

来自分类Dev

读取IMG文件并创建图像

来自分类Dev

如何读取.img格式的图像?

来自分类Dev

img标签不显示图像

来自分类Dev

在img属性上使用background-image的响应式图像

来自分类Dev

引导响应img,但更改图像的高度和宽度

来自分类Dev

在img属性上使用background-image的响应式图像