javascript - problème d'application de promesse
阿神
阿神 2017-05-16 13:29:18
0
3
378
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;
  });
}

Ce que je veux savoir, c'est comment utiliser cette méthode ? J'ai saisi URL,然后再then pour obtenir l'image de l'objet mais je l'ai testé, mais il n'y a pas eu de réponse !

阿神
阿神

闭关修行中......

répondre à tous(3)
滿天的星座
loadImageAsync('./img/news-1.png').then((img) => {
    document.getElementById("app").appendChild(img)
    console.log(img)
})

Lorsqu'il est appelé ainsi, le paramètre de then est le paramètre de résolution, qui est l'objet image. La fonction peut être réalisée en ajoutant cet objet à p

.

Voici le résultat final

Voici la console

小葫芦
loadImageAsync(url).then(function(img) { doSomething(); }).catch(function(err) { handleError(err); });
我想大声告诉你

Oui, je l'ai essayé dans le navigateur :

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")})
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal