問題描述

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; });}

想知道的是這個(gè)方法怎么用呢？我輸入了URL,然后再then里獲取對象image?可是我測了，沒有反應(yīng)！

問題解答

loadImageAsync(’./img/news-1.png’).then((img) => { document.getElementById('app').appendChild(img) console.log(img)})

這么調(diào)用，在then的參數(shù)就是resolve的參數(shù)， 也就是image對象，把這個(gè)對象append到p上就可以實(shí)現(xiàn)功能

loadImageAsync(url).then(function(img) { doSomething(); }).catch(function(err) { handleError(err); });回答3：

可以的 ，我在瀏覽器里試過了：

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')})