微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

使用图片预加载,解决断网后无法从后台获取提示网络异常的logo图片的问题

项目中有需求,断网后,显示提示窗,里面包含网络异常提示语和异常小logo图片

在实际操作时,遇到,断网后,无法从后台获取异常小logo图片

我是才用图片预加载方法解决这个问题的,解决方法如下:

预加载图片 url = urlImg = url+"/adms/********/images/messager-info.png"; imgPreLoadBox =<span style="color: #008000;">/<span style="color: #008000;">预加载图片<span style="color: #008000;">/<span style="color: #000000;">
preLoadImgs(
1<span style="color: #000000;">,urlImg);

<span style="color: #0000ff;">function<span style="color: #000000;"> preLoadImgs(i,url) {
imgPreLoadBox[i] = <span style="color: #0000ff;">new Image(); <span style="color: #008000;">//<span style="color: #008000;">创建一个Image对象,实现图片的预下载
imgPreLoadBox[i].src =<span style="color: #000000;"> url;
}

<span style="color: #008000;">/<span style="color: #008000;">将预加载图片插入到div<span style="color: #008000;">/
<span style="color: #0000ff;">function<span style="color: #000000;"> appendImgTo(divId,img){
<span style="color: #0000ff;">if(img.complete) { <span style="color: #008000;">//<span style="color: #008000;"> 如果图片已经存在于浏览器缓存,直接调用回调函数
<span style="color: #000000;"> $(divId).append(img);
<span style="color: #0000ff;">return; <span style="color: #008000;">//<span style="color: #008000;"> 直接返回,不用再处理onload事件
<span style="color: #000000;"> }

img.onload </span>= <span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; () {
    $(divId).append(img);
}

}

<span style="color: #0000ff;">function<span style="color: #000000;"> getRootPath(){
<span style="color: #008000;">//<span style="color: #008000;">获取当前网址,如: http://localhost:8083/uim/********/meun.jsp
<span style="color: #0000ff;">var curWwwPath=<span style="color: #000000;">window.document.location.href;
<span style="color: #008000;">//<span style="color: #008000;">获取主机地址之后的目录,如: uim/**/meun.jsp
<span style="color: #0000ff;">var pathName=<span style="color: #000000;">window.document.location.pathname;
<span style="color: #0000ff;">var pos=<span style="color: #000000;">curWwwPath.indexOf(pathName);
<span style="color: #008000;">//<span style="color: #008000;">获取主机地址,如: http://localhost:8083
<span style="color: #0000ff;">var localhostPaht=curWwwPath.substring(0<span style="color: #000000;">,pos);
<span style="color: #008000;">//<span style="color: #008000;">获取带"/"的项目名,如:/uimcardprj
<span style="color: #008000;">//<span style="color: #008000;">var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);
<span style="color: #0000ff;">return<span style="color: #000000;"> localhostPaht;
}

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐