404未触发图片对象错误事件

时间:2018-10-17 16:04:21

标签: javascript image

我想编写代码以预加载一堆图像。我试图通过图像对象的onerror事件处理程序计算失败的加载尝试次数。但是,当找不到图像时,由于某种原因而不会调用我分配的事件处理程序(我记得过去404代码在图像对象上引起了错误事件,在研究过程中我没有发现任何矛盾的地方)。

如何确定图像加载失败?

这是我的代码(图片网址故意错误地触发了404):

var _img = new Image()
_img.addEventListener("error", function() {
    console.log("_img error")
}, false);
_img.src = "https://i.ytimg.com/test.jpg"

我还尝试使用_img.onerror而不是_img.addEventListener(...),但问题仍然存在

HTTP标头:

常规

  • 请求网址:https://i.ytimg.com/test.jpg
  • 请求方法:GET
  • 状态码:404
  • 远程地址:172.217.19.214:443
  • 推荐人政策:降级时不推荐人

响应标题

  • alt-svc:quic =“:443”; ma = 2592000; v =“ 44,43,39,35”
  • 缓存控制:公共,最大年龄= 30
  • 内容长度:1097
  • 内容类型:图片/ jpeg
  • 日期:2018年10月17日,星期三,格林尼治标准时间
  • 过期:2018年10月17日星期三格林尼治标准时间
  • 服务器:sffe
  • 状态:404
  • timing-allow-origin:https://imasdk.googleapis.com
  • x-content-type-options:nosniff
  • x-xss-protection:1;模式=阻止

请求标头

  • 引荐来源:http://localhost/test/js/canvas/test1.htm
  • 用户代理:Mozilla / 5.0(Windows NT 10.0; Win64; x64)AppleWebKit / 537.36(KHTML,例如Gecko)Chrome / 69.0.3497.100 Safari / 537.36

0 个答案:

没有答案