主要是考虑到网络的限制,为了更好的用户体验,采用异步加载显示的方法为img加载图片,直接贴代码:
标签:
<img onload="getHead(this,url);" src="../../static/xxx/xxx/head.png" >
<%--这里注意
1,src写在 onload后面
2,请给src一个默认的图片路径,不能直接src=""
--%>
js:
function getHead(obj,portraitUrl){
//模拟网络延迟请求
setTimeout(function (){
obj.src=../../static/xxx/xxx/add.png;
},1000+Math.random()*5000);
/*
$.ajax({
type: "get",
url: portraitUrl,
async: true,
success: function (portrait) {
obj.src=portrait;
portraitUrl.onload=null;//这里每次给obj的src赋值后都会执行onload 为了避免无限死循环需要这样置空
}
*/
}
然后上面都是Android写多了的后遗症,完全没必要这么麻烦啊,脑抽了啊自己写个ajax,所有请看下面:
<img src="http:/xxxx.png" onerror='this.src="../../static/xxx/xxx/head.png" />
//这就ok了