有没有一种方法可以检测逐级JPEG(或至少第一个)的每个步骤的加载情况?

现在,一旦加载了最终(高质量)图像,就会触发onload()事件。

已在Chrome 48中测试。

最佳答案

没有活动。

loadstart事件会告诉您浏览器何时发出请求,但这并不意味着还没有任何数据。

您可以继续轮询.naturalHeight属性,以观察浏览器是否知道图像尺寸,这意味着至少它有一些数据。

一个绝望的选择,是在大多数情况下效率很低的情况,是使用XHR / fetch(允许您观察下载进度)下载图像,然后在图像元素上继续将部分数据设置为Blob。我使用此技巧演示了ImageOptim API demo page上慢动作的渐进式图像加载。

关于javascript - JavaScript img onload-渐进式jpg/jpeg,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/35043008/

10-10 00:33