您的位置:首页 > Web前端 > JavaScript

js ajax 加载图片 img的简单方法

2015-10-14 18:23 423 查看
例如网页有很多img图片,这样整个网页加载起来会变得很慢,这里可以先通过xmlhttprequest来请求,在设置到img的src中

var xhr = new XMLHttpRequest();
xhr.open("GET", url, true);

xhr.responseType = "blob";
xhr.onload = function()
{
if (this.readyState != 4)
return;

var reader = new FileReader();
reader.onload = function()
{
$(imgObj).attr("src",this.result);

};
reader.readAsDataURL(this.response);
}
xhr.send();
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  ajax html