js等待全部图片加载完毕


const waitImgLoaded = async (root) => {
    const imgNodes = root instanceof HTMLImageElement ? [root] : root.querySelectorAll('img');
    let imgArr = Array.prototype.slice.call(imgNodes);  // NodeList转Array,Array才有map方法 return await Promise.all(
        imgArr.map(img=> {
            new Promise(resolve=>{
                img.addEventListener('load',()=> resolve(img)) 
            })
        })
    )
}
// 等待this.$refs.outputContent元素节点中的所有图片
waitImgLoaded(this.$refs.outputContent).then((datas)=>{
  // do...
})

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM