判断(img标签)中src的路径中照片文件是否存在
来源:互联网 发布:android 网络加载提示 编辑:程序博客网 时间:2024/05/16 14:40
今天在项目中做了判断照片路径存在但不知道照片文件是否存在的功能,了解到了img标签中的onerror的方法,用法如下:
<img src="原照片地址" onerror="javascript:this.src='默认照片地址' " alt='图片'>
分析:onerror发生的条件是:当图片不存在时,将触发onerror,这时将触发onerror中指定的默认图片的路径;但问题是,如果默认图片的路径也不存在,则继续触发onerror,导致循环,故出现错误。
解决方法:
(1):去掉onerror代码;或者更改onerror代码为其它;或者确保onerror中图片足够小,并且存在。
(2):
<script type="text/javascript">
<!–
function nofind(){
var img=event.srcElement; // 声明对象
img.src="http://www.cnblogs.com/sys/common/image/fileoperation/icon/default.gif"; // 给一个服务器的图片地址
img.onerror=null;//控制不要一直跳动
// 这里可以写其他的判断代码,如向服务器请求照片。。。。。
}
//–>
</script>
html代码:
<img src='原照片地址' onerror="nofind();">
***********************************************************************************************************************************************************
其实还有一个方法来判断请求的照片地址及照片文件是否存在
$http.get(url).success(function(response) { alert("$httptrue");}).error(function(data,status,headers,config){ alert("$httpfalse");});
分析:此方法是在angularjs中的$http请求的get方法来实现的,url中的地址换成img标签中的src地址就可以了,本人觉得此方法还是比较好用的,暂时没有发现什么问题。
- 判断(img标签)中src的路径中照片文件是否存在
- HTML中IMG标签的SRC属性路径问题
- JS中iframe框架内src有效性的判断,js判断文件是否存在
- 获取字符串中img标签中src的数组列表
- python中如何判断路径是否存在
- 正则表达式提取HTML中IMG标签的SRC地址
- Java读取html中所有img标签的src值
- html中img图片路径src不对的问题
- <img src="">标签中的src 找不到 Servlet的路径
- html中<img>标签的路径问题
- java中获取img中的src标签
- img中 src 中文路径解决办法
- html<img>标签中src=“图片路径”,怎么用变量替换路径
- 判断文件路径是否存在
- zoj3811(判断图中是否存在一条路径包含若干有顺序的结点)
- sql中判断文件是否存在
- VC中判断文件是否存在
- Linux中判断文件是否存在
- 关于A*算法的一些研究
- iOS开发 适配Xcode8以及iOS10-权限问题
- django-2:django开发初探
- UINavigationBar
- jQuery Carousel with Angular ng-repeat
- 判断(img标签)中src的路径中照片文件是否存在
- Ubuntu下ZooKeeper安装过程
- 处理触屏消息
- 项目开发过程一些注意事项
- 洛谷 P1182 数列分段Section II
- android5.0以上手机host修改教程
- C#调用C++ DLL
- MaterialDesign 的三方控件
- 客户端开发设计总结