DOMException:无效的镜像请求

Question

我正在调查一些代码，这些代码似乎可以在chrome中工作，但在firefox和ie中不能工作。该代码用于延迟加载图像。这就是失败的部分

image.decode().then(() => {
                        this._handleLoad(image);
                    }).catch((error) => {
                        console.log(error)
                        this._handleError(image);
                    });

这是图像：

<img class="ix-lazyimg--loading" data-src="https://placeimg.com/480/270/peopl" data-srcset="https://placeimg.com/960…mg.com/320/180/arch 320w" data-sizes="(min-width: 520px) 500px, 50vw" alt="A kitten!" loading="lazy" sizes="(min-width: 520px) 500px, 50vw" srcset="https://placeimg.com/960…mg.com/320/180/arch 320w" src="https://placeimg.com/480/270/peopl">

我觉得这真的很奇怪，它只能在chrome上运行，而不能在其他地方运行。

Br

Answer 1

每当我在任何<img loading="lazy">上调用decode()时，我都会得到这个错误。如果不进行测试，我不能确定，但我怀疑任何带有srcset的图像在附加到文档或由文档导入之前，可能不会按预期运行。