使用Promise 动态加载图片

妖狐艹你老母 2023-07-24 14:39 45阅读 0赞

#### 使用Promise 动态加载图片： ####

<script>
        function loadIMage(src) { 
            // 创建一个Psomise
            return new Promise((resolve, reject) => { 
                // 创建一个 image对象
                const image = new Image();
                // 给image对象赋值
                image.src = src;
                // image 对象加载完成后。。。。
                image.onload = () => { 
                    resolve(image); // 不理解
                }
                image.onerror = reject; //不理解
                // 在 body 里面添加image对象
                document.body.appendChild(image)
            })
        };
        loadIMage('./images/image-20191224100431808.png').then(image => { 
            image.style.border = 'solid 6px blue'
        })
    </script>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1ajE5MzU_size_16_color_FFFFFF_t_70]

**代码中有两行不太理解，希望能看懂的大佬能够指点一下 感激不尽！**

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1ajE5MzU_size_16_color_FFFFFF_t_70]: /images/20230528/1166c150abdd4b75abd23f9a48f2a58b.png

发表评论取消回复

表情：

评论列表（有 0 条评论，45人围观）

还没有评论，来说两句吧...

相关阅读

相关 Unity 加载动态图片的代码

在 Unity 中加载动态图片的代码如下： 1. 首先，使用 `WWW` 类来下载图片。这需要你提供图片的 URL。例如： WWW www =new WWW(im

谁借莪１个温暖的怀抱￠/ 2024年03月27日 12:48/ 0 赞/ 88 阅读

相关使用Promise 动态加载图片

使用Promise 动态加载图片： <script> function loadIMage(src) { // 创建一个

妖狐艹你老母/ 2023年07月24日 14:39/ 0 赞/ 46 阅读

相关 promise异步加载图片（marksheng）

promise异步加载图片：//函数直接调用，在.then中进行成功的操作，在.catch中进行失败的各种操作. func

墨蓝/ 2023年01月02日 09:30/ 0 赞/ 133 阅读

相关动态加载本地图片资源

记录工作中遇到的问题图片使用变量不显示图片 ![在这里插入图片描述][20210329171028671.png] 图片并没有被加载出来，浏览器显示’…/…/as

柔光的暖阳◎/ 2022年11月14日 13:24/ 0 赞/ 248 阅读

相关 Layer动态加载图片

function()\{ img = ‘url’; layer.open(\{ type: 2,//1:本地 2:url title: ‘图片查看’, sh

悠悠/ 2022年09月10日 06:14/ 0 赞/ 226 阅读

相关 creator3.x 动态加载图片

resources.load(TOOLS[0].picUrl, (err, imageAsset: ImageAsset) => { i

分手后的思念是犯贱/ 2022年09月03日 11:28/ 0 赞/ 205 阅读

相关 JS 动态加载 CSS 文件和JS文件,加载图片

实现功能的js代码。 var dynamicLoading = { css: function(path){ if(!pat

待我称王封你为后i/ 2022年08月14日 05:48/ 0 赞/ 310 阅读

相关 VC Button 动态加载图片

HICON m\_Icon\_Light\_ON; //灯光开图标 HICON m\_Icon\_Light\_OFF; //灯光关图标 m\_Icon\_Light\

傷城~/ 2022年06月16日 04:40/ 0 赞/ 183 阅读

相关 masterslider支持动态加载数据，懒加载图片

使用masterslider动态加载图片，并且懒加载图片，使网页运行更快思路：先动态获取到图片的url，将url赋给<img>的一个自定义属性address-src，当获取

╰+攻爆jí腚メ/ 2022年06月01日 09:05/ 0 赞/ 292 阅读

相关使用Promise实现图片的预加载

如下是项目的整体结构： ![在这里插入图片描述][20190304164000527.] 实现代码如下： const preLoadImg = function

快来打我*/ 2022年03月14日 12:48/ 0 赞/ 360 阅读