使用图片预加载,解决断网后无法从后台获取提示网络异常的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;
}

 

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...