javascript - isu aplikasi janji
阿神
阿神 2017-05-16 13:29:18
0
3
381
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;
  });
}

Apa yang saya ingin tahu ialah cara menggunakan kaedah ini? Saya masukkan URL,然后再then untuk mendapatkan imej objek tetapi saya telah mengujinya, tetapi tiada tindak balas!

阿神
阿神

闭关修行中......

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

Apabila dipanggil seperti ini, parameter kemudian ialah parameter penyelesaian, iaitu objek imej Fungsi boleh direalisasikan dengan menambahkan objek ini pada p

Ini adalah keputusan akhir

Ini ialah konsol

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

Ya, saya mencubanya dalam penyemak imbas:

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")})
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan