在JavaScript中，我们可以使用Promise来实现图片的异步加载。Promise是一种表示异步操作可能完成（或失败）的对象。

function loadImage(url) {  
    return new Promise((resolve, reject) => {  
        let img = new Image();  
        img.onload = () => {  
            resolve(img);  
        };  
        img.onerror = (error) => {  
            reject(error);  
        };  
        img.src = url;  
    });  
}  
  
// 使用方式  
loadImage('https://example.com/path/to/image.jpg')  
    .then(img => {  
        document.body.appendChild(img);  
        console.log('图片加载成功');  
    })  
    .catch(error => {  
        console.error('图片加载失败', error);  
    });

在这个例子中，loadImage函数返回一个新的Promise。这个Promise在图片加载成功时通过resolve方法解决，并在加载失败时通过reject方法拒绝。

我们使用new Image()来创建一个新的Image对象，并设置其onload和onerror事件处理器。当图片加载成功时，onload事件处理器会被调用，我们使用resolve方法将图片对象传递给Promise的链式调用。如果图片加载失败，onerror事件处理器会被调用，我们使用reject方法将错误对象传递给Promise的链式调用。

然后，我们可以调用loadImage函数，并通过.then()和.catch()方法来处理Promise的结果。如果图片加载成功，.then()方法中的回调函数会被调用，并接收到加载成功的图片对象。如果图片加载失败，.catch()方法中的回调函数会被调用，并接收到错误对象。