javascript - promise应用问题
阿神
阿神 2017-05-16 13:29:18
0
3
380
function loadImageAsync(url) {
  return new Promise(function(resolve, reject) {
    var image = new Image();

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

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

    image.src = url;
  });
}

想知道的是这个方法怎么用呢?我输入了URL,然后再then里获取对象image?可是我测了,没有反应!

阿神
阿神

闭关修行中......

全部回复(3)
滿天的星座
loadImageAsync('./img/news-1.png').then((img) => {
    document.getElementById("app").appendChild(img)
    console.log(img)
})

这么调用,在then的参数就是resolve的参数, 也就是image对象,把这个对象append到p上就可以实现功能

这是最终结果

这是console

小葫芦

雷雷

我想大声告诉你

可以的 ,我在浏览器里试过了:

function loadImageAsync(url) {
  return new Promise(function(resolve, reject) {
    var 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://www.baidu.com/img/bd_logo1.png').then(function(){alert("jiazai wancheng")})
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板