loadImg应该如何理解？

function loadImg(url,imgLoad) {
var image = new Image();
image.onload = function() {
if(typeof imgLoaded === 'function') imgLoaded(url);
};
image.src = url;
}

是不是给实例化后的image设置src属性，就可以发起http请求？

然后图片加载完成就会触发onload？我的理解对吗？

cjq6502 2019-06-19

源自：实战：中心focus区域组件化 6-2 按需加载--加载图片

收起

1回答

好帮手慕星星回答被采纳获得+3积分 2019-06-19 11:55:14

你好，

创建image对象，设置src属性，图片加载成功之后会触发onload事件，然后执行imgLoaded方法，替换掉原有的src属性值。

如果是本地图片，不需要发起http请求，直接从本地中找路径获取就行；如果是后台数据，需要发起请求去获取数据。

祝学习愉快！

收起回答

cjq6502 提问者 #1

var img = new Image(); img.src = 'https://www.baidu.com/img/bd_logo1.png'; 我试了一下，发现只要设置了src属性，在network里面就能看到图片加载成功了，这个是不是可以理解成异步的文件加载？另外，你说的“后台数据需要发起请求获取”是指？

2019-06-19 17:49:51
好帮手慕星星回复提问者 cjq6502 #2

你好，load事件加载就是异步的，最后执行。在实际项目中如果需要后台的数据，需要通过ajax请求来获取。

2019-06-19 18:31:19