new Image(),如何知道图像是否100%加载?

使用 load

img = new Image();

img.onload = function(){
  // image  has been loaded
};

img.src = image_url;

还可以看看:

• Preloading and the JavaScript Image() object

function getImage(url){
        return new Promise(function(resolve, reject){
            var img = new Image()
            img.onload = function(){
                resolve(url)
            }
            img.onerror = function(){
                reject(url)
            }
            img.src = url
        })
    }

在调用函数时,我们可以非常灵活地处理它的响应或错误。

getImage('imgUrl').then(function(successUrl){
    //do stufff
}).catch(function(errorUrl){
    //do stuff
})