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