es6--异步加载图片2

 #img {
            width: 80%;
            padding: 10%;
        }

<img src="https://img.mukewang.com/5e6af63d00011da318720764.jpg" alt="" id="img" />

<script>
        // 异步加载图片
        const loadImgAsync = url => {
            return new Promise((resolve, reject) => {
                const img = new Image();

                img.onload = () => {
                    resolve(img);
                };

                img.onerror = () => {
                    reject(new Error(`Could not load image at ${url}`));
                };

                img.src = url;
            });
        };

        const imgDOM = document.getElementById('img');
        loadImgAsync('https://2img.mukewang.com/5f057a6a0001f4f918720764.jpg')
            .then(img => {
                console.log(img.src);
                setTimeout(() => {
                    imgDOM.src = img.src;
                }, 1000);
            })
            .catch(err => {
                console.log(err);
            });
    </script>