es--异步加载图片案例

 <script>
        function loadImageAsync(url) {
            return new Promise(function(resolve, reject) {
                const image = new Image();

                image.onload = function() {
                    resolve(image);
                };

                image.onerror = function() {
                    reject(new Error('Could not load image at ' + url));
                };

                image.src = url;
            });
        }

        loadImageAsync("https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=%E5%9B%BE%E7%89%87&hs=0&pn=6&spn=0&di=136320&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&ie=utf-8&oe=utf-8&cl=2&lm=-1&cs=1042813745%2C1084256774&os=3701167011%2C604356564&simid=3515186782%2C602644000&adpicid=0&lpn=0&ln=30&fr=ala&fm=&sme=&cg=&bdtype=11&oriquery=%E5%9B%BE%E7%89%87&objurl=https%3A%2F%2Fgimg2.baidu.com%2Fimage_search%2Fsrc%3Dhttp%3A%2F%2Fmmbiz.qpic.cn%2Fmmbiz_png%2FwesxSHibU25XbKdJHwcyc9H7tVXwweYA1mjJqz5HtmHnNv9XOSety9PACs4rkwWTiaGG6J1wJial8ibuSpt4KP64BA%2F640%26refer%3Dhttp%3A%2F%2Fmmbiz.qpic.cn%26app%3D2002%26size%3Df9999%2C10000%26q%3Da80%26n%3D0%26g%3D0n%26fmt%3Djpeg%3Fsec%3D1629600780%26t%3Dc6fe30909ae8246839981273f7323d95&fromurl=ippr_z2C%24qAzdH3FAzdH3Fooo_z%26e3Bx32s_z%26e3B25e_z%26e3BvgAzdH3Ftgu5AzdH3F8an9AzdH3Fdl9nm_z%26e3Bip4&gsm=7&islist=&querylist=").then(res => {
            console.log(res);
        }).catch(error => {
            console.log(error);
        })
    </script>