问题
搜集所有的图片及视频的加载状态
解决
let imageList = document.querySelectorAll('#q-editor img');
for (let index = 0; index < imageList.length; index++) {
const element = imageList[index];
const imageUrl = element.getAttribute('src');
element.addEventListener('load', () => {
console.log('图片加载完成，重新传高度', imageUrl);
getWebviewSize();
});
}
// 视频搜集
let videoList = document.querySelectorAll('#q-editor video');
for (let index = 0; index < videoList.length; index++) {
const element = videoList[index];
const videoUrl = element.getAttribute('src');
element.addEventListener('loadeddata', () => {
console.log('视频加载完成，重新传高度', videoUrl);
getWebviewSize();
});
}参考文章
图片状态
- https://stackoverflow.com/questions/14218607/javascript-loading-progress-of-an-image
- https://stackoverflow.com/questions/14218607/javascript-loading-progress-of-an-image/22593907#22593907
- https://segmentfault.com/q/1010000011223160
- https://stackoverflow.com/questions/11071314/javascript-execute-after-all-images-have-loaded
- https://stackoverflow.com/questions/4494437/determine-when-image-finished-loading-with-javascript-or-jquery
- https://stackoverflow.com/questions/263359/how-can-i-determine-if-an-image-has-loaded-using-javascript-jquery
视频状态