时间戳

首页 > 解决方案 > Firefox 在 BASE64 图像 DataURI 上窒息

javascript - Firefox 在 BASE64 图像 DataURI 上窒息

问题描述

我也在另一个论坛上发布了这个好奇心。该线程可以在这里看到：https ://forum.freecodecamp.org/t/why-doesnt-my-datauri-work-in-certain-browsers/467765

摘要：最初在 Firefox（和某些其他浏览器）中似乎是无效参数：

  return new Promise((resolve) => {
  img.onload = (image) => {
    resolve(image.path[0])
  }

通过更改为事件确实部分修复了：

return new Promise((resolve) => {
img.onload = (event) => {
  const imgElement = event.path ? event.path[0] : event.target;
  resolve(imgElement);
};

当其他浏览器排成一行时，firefox（89 和其他 Win64）确实呈现......最终......要么根据资源负载“等待”，要么需要一分钟才能加载。

我的逻辑告诉我，最初的方法在技术上可能是有效的，但效率太低甚至根本无法加载，而后来同样有效的方法仍然遇到相同的错误——只是程度较轻，最终会加载。

正如在另一个线程中可以看到的那样，它似乎已缩小到 Windows 机器上的 Nvidia 芯片组……或者我们都已经关闭并且完全错过了原因。

如果有人可以提供一些与我搜索到的相同或相似的见解或经验并且只能找到开放式结果，那就太好了。

谢谢你的时间

-mk

上述更改有问题的笔：https ://codepen.io/junkbox666/pen/13096e2d76aa35c59734dc0df949f975

标签： javascriptperformancefirefoxbase64

解决方案

推荐阅读