有没有一种方法可以检测逐级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/