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();
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();
相关文章推荐
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- 解决Ajax悬停效果,无法遮蔽FLASH的问题
- 通过Mootools 1.2来操纵HTML DOM元素
- 再谈Jquery Ajax方法传递到action(补充)
- WEB标准网页布局中尽量不要使用的HTML标签
- Flash 与 html 的一些实用技巧
- Dom在ajax技术中的作用说明
- html工作中表格<tbody>标签的使用技巧
- HTML 向 XHTML1.0 兼容性指导
- C#自写的一个HTML解析类(类似XElement语法)
- 使用Ajax实时检测"用户名、邮箱等"是否已经存在
- 没有文件大小限制并免费的PDF到HTML转换工具
- 探讨Ajax中同步与异步之间的区别
- JavaScript与HTML结合的基本使用方法整理
- css实现气泡框效果(实例加图解)
- html链接与文本标签们
- html活用软字符连接符
- 浅谈html中id和name的区别实例代码
- HTML <!DOCTYPE> 标签