js 控制一次加载一张图片，加载完成后再加载下一张

// 只要能监控到图片是否加载完成 就能实现了
// 要把图片当成是图片对象才行；

//方法一
var obj=new Image(); // <img> 标签每出现一次，一个 Image 对象就会被创建。
obj.src="http://www.phpernote.com/uploadfiles/editor/201107240502201179.jpg";
// onload当图像装载完毕时调用的事件句柄。
obj.onload=function(){ // 这个就是加载完成，当加载完成之后可以执行一个函数比如
alert('图片的宽度为：bai'+obj.width+'；图片的高度为：'+obj.height);
document.getElementById("mypic").innnerHTML="<img src='"+this.src+"' />";
}

//方法二
let obj = new Image()  
obj.src = '..'
obj.onreadystatechange = function () {
  if(thids.readyState === 'complate') {
    document.getElementById('mypic').innerHTML = '<img src=" '+this.src +'">'
  }
}