用Promise封装一个异步加载图片的方法

最新推荐文章于 2024-03-03 19:10:39 发布

小草莓蹦蹦跳

最新推荐文章于 2024-03-03 19:10:39 发布

阅读量328

点赞数

分类专栏：每日专栏 ES6 JavaScript 文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/qq_38290251/article/details/131558439

版权

每日专栏同时被 3 个专栏收录

226 篇文章 7 订阅

订阅专栏

JavaScript

150 篇文章 3 订阅

订阅专栏

ES6

36 篇文章 0 订阅

订阅专栏

该文章介绍了一个JavaScript函数loadImgAsync，它使用Promise来异步加载图片。当图片成功加载时，它会调用resolve并返回Image对象；如果加载失败，它会触发reject并抛出一个包含错误信息的新Error。

摘要由CSDN通过智能技术生成

答案：

      function loadImgAsync(url) {
        return new Promise(function(resolve, reject) {
          var img = new Image()
          img.onload = function() {
            resolve(img)
          }
          img.onerror = function() {
            reject(new Error('无法加载该路径图片' + url))
          }
          img.src = url
        })
      }