代码拉取完成,页面将自动刷新
//静态资源管理类
class StaticResoursesUtil{
constructor(){
this.images = new Object();
}
loadImage(jsonURL, callback){
//用ajax读取文件
let self = this;
let xhr = new XMLHttpRequest();
xhr.open("get",jsonURL);
xhr.send(null);
xhr.onreadystatechange = function(){
if(xhr.readyState === 4){
if(xhr.status >= 200 && xhr.status < 300 || xhr.status === 304){
let loadedNum = 0;
//将json转化为js对象
let jsonObj = JSON.parse(xhr.responseText);
// console.log(jsonObj);
for(let i = 0; i < jsonObj.images.length; ++i){
let img = new Image();
img.src = jsonObj.images[i].src;
img.onload = function(){
//加载好的图片数量加一
loadedNum++;
//保存在自己的images属性里
// console.log(self);
self.images[jsonObj.images[i].name] = img;
// console.log(self.images);
callback(loadedNum,jsonObj.images.length,self.images)
}
}
}
}
}
}
}
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。