同时加载多张图片遭遇502 bad gateway的解决方案
2016-10-20 16:58
771 查看
前段时间做了一个页面同时加载多张图片,也就是同时多个请求访问图片服务器,遭遇了502 bad gateway,纠结了很久,差点圆寂于此,不知道是不是服务器的限制问题,而我的解决方案是:
1.每张图片间隔30ms后加载,当然不必纠结这个数字,你可以设置大点;
睡眠的JS代码如下:
2.在图片标签上设置onerror属性,onerror="imgPicError(this)",遇到请求错误,让其多请求几次,最后显示默认图片
1.每张图片间隔30ms后加载,当然不必纠结这个数字,你可以设置大点;
睡眠的JS代码如下:
function sleep(numberMillis) { var now = new Date(); var exitTime = now.getTime() + numberMillis; while (true) { now = new Date(); if (now.getTime() > exitTime) return; } }
2.在图片标签上设置onerror属性,onerror="imgPicError(this)",遇到请求错误,让其多请求几次,最后显示默认图片
function imgPicError(obj, n){ if(n == 1){ sleep(30); var path = $(obj).attr("src").split("?")[0]; $(obj).attr("onerror", "imgPicError(this, 2)"); $(obj).attr("src", path+"?n=2"); }else if(n == 2){ obj.src='static/images/picture/default.png'; obj.onerror = null; }else{ sleep(30); var path = $(obj).attr("src"); $(obj).attr("onerror", "imgPicError(this, 1)"); $(obj).attr("src", path+"?n=1"); } }
相关文章推荐
- Nginx 502 Bad Gateway 错误、解决方案和监控
- lnmp安装包出现Nginx 502 Bad Gateway错误解决方案
- 智能一代云平台(二十一):生产环境Nginx报 502 Bad Gateway 问题复现及解决方案
- android 5.0之后原生webview同时用https和http加载HTML不加载图片解决方案
- android 5.0之后原生webview同时用https和http加载HTML不加载图片解决方案
- Nginx 502 Bad Gateway错误的解决方案
- Nginx 502 Bad Gateway 的错误的解决方案
- 异步加载网络图片 可同时加载多张
- Ueditor在上传图片时,服务器返回502 bad gateway的填坑记
- Nginx 502 Bad Gateway错误的解决方案
- Nginx 502 Bad Gateway 错误、解决方案和监控
- Boa服务器返回 502 Bad Gateway .The CGI was not CGI/1.1 compliant. 错误,解决方案
- Nginx 遇到 502 Bad Gateway 自动重启脚本
- nginx 502 Bad Gateway 错误问题收集
- nginx 502 Bad Gateway 的一种解决方法(转载)
- nginx 502 Bad Gateway 错误解决办法
- lnmp一键包502 Bad Gateway彻底的解决方法
- 深入分析Nginx 502 Bad Gateway和Nginx 504 Gateway
- android 加载大图片时报OOM的解决方案(源码)
- nginx+php的502 bad gateway错误原因一般性汇总