没有合适的资源?快使用搜索试试~ 我知道了~
首页用Javascript判断图片是否存在,不存在则显示默认图片的代码
用Javascript判断图片是否存在,不存在则显示默认图片的代码
3 下载量 197 浏览量
更新于2023-05-06
评论
收藏 35KB PDF 举报
用Javascript判断图片是否存在,不存在则显示默认图片的代码,需要的朋友可以参考下。
资源详情
资源评论
资源推荐
用用Javascript判断图片是否存在,不存在则显示默认图片的代判断图片是否存在,不存在则显示默认图片的代
码码
用Javascript判断图片是否存在,不存在则显示默认图片的代码,需要的朋友可以参考下。
利用image对象的onerror事件来判断,出错则更换image对象的src为默认图片的URL。
<p>第一种情况:图片存
在,正常显示
<img
src="data:image/png;bas
e64,PCFET0NUWVBFIG
h0bWw+PGh0bWw+PGh
lYWQ+PG1ldGEgY2hhc
nNldD0idXRmLTgiPjxtZX
RhIGh0dHAtZXF1aXY9Il
gtVUEtQ29tcGF0aWJsZ
SIgY29udGVudD0iSUU9
ZWRnZSI+PG1ldGEgbm
FtZT0idmlld3BvcnQiIGN
vbnRlbnQ9IndpZHRoPW
RldmljZS13aWR0aCwga
W5pdGlhbC1zY2FsZT0x
Ij48dGl0bGU+NDAzIEZv
cmJpZGRlbjwvdGl0bGU
+PHN0eWxlIHR5cGU9In
RleHQvY3NzIj5ib2R5e21
hcmdpbjo1JSBhdXRvID
AgYXV0bztwYWRkaW5n
OjAgMThweH0uUHttYXJ
naW46MCAyMiV9Lk97b
WFyZ2luLXRvcDoyMHB
4fS5Oe21hcmdpbi10b3A
6MTBweH0uTXttYXJna
W46MTBweCAwIDMwc
HggMH0uTHttYXJnaW4t
Ym90dG9tOjYwcHh9Lkt
7Zm9udC1zaXplOjI1cHg
7Y29sb3I6I0Y5MH0uSnt
mb250LXNpemU6MTRw
eH0uSXtmb250LXNpem
U6MjBweH0uSHtmb250
LXNpemU6MThweH0uR
3tmb250LXNpemU6MTZ
weH0uRnt3aWR0aDoyM
zBweDtmbG9hdDpsZWZ
0fS5Fe21hcmdpbi10b3A
6NXB4fS5Ee21hcmdpbj
o4cHggMCAwIC0yMHB4
fS5De2NvbG9yOiMzQ0Y
7Y3Vyc29yOnBvaW50Z
XJ9LkJ7Y29sb3I6IzkwO
TA5MDttYXJnaW4tdG9w
OjE1cHh9LkF7bGluZS1o
ZWlnaHQ6MzBweH0ua
GlkZV9tZXtkaXNwbGF5
Om5vbmV9PC9zdHlsZT
48L2hlYWQ+PGJvZHk+
PGRpdiBpZD0icCIgY2xh
c3M9IlAiPjxkaXYgY2xhc
3M9IksiPjQwMzwvZGl2P
jxkaXYgY2xhc3M9Ik8gS
SI+Rm9yYmlkZGVuPC9
kaXY+PHAgY2xhc3M9Ik
ogQSBMIj5FcnJvciBUa
W1lczogRnJpLCAzMCB
运行代码
复制代码
保存代码
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
下面是通过下面是通过js的判断的判断
用javascript判断指定图片文件是否存在:
如判断<img src="//www.jb51.net/logos.gif">这个图片地址是否存在.
如果不存在,隔几秒重新探测此图片,如果地址有效则,提示地址有效
复制代码 代码如下:
<script type="text/javascript">
function IsExist(url)
{
x = new ActiveXObject("Microsoft.XMLHTTP")
x.open("HEAD",url,false)
x.send()
return x.status==200
}
alert(IsExist("//www.jb51.net/logos.gif"))
</script>
图片存在则上面的返回true
复制代码 代码如下:
<SCRIPT language="javascript">
var xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
xmlhttp.Open("GET", "//www.jb51.net/logos.gif", false);
xmlhttp.Send();
alert(xmlhttp.responseText);
</SCRIPT>
图片存在则返回GIF89aX
复制代码 代码如下:
<img src="//www.jb51.net/logos2.gif" onerror="alert('该图片不存在!');">
因为图片不存在则返回该图片不存在!
weixin_38522795
- 粉丝: 3
- 资源: 897
上传资源 快速赚钱
- 我的内容管理 收起
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
会员权益专享
最新资源
- zigbee-cluster-library-specification
- JSBSim Reference Manual
- c++校园超市商品信息管理系统课程设计说明书(含源代码) (2).pdf
- 建筑供配电系统相关课件.pptx
- 企业管理规章制度及管理模式.doc
- vb打开摄像头.doc
- 云计算-可信计算中认证协议改进方案.pdf
- [详细完整版]单片机编程4.ppt
- c语言常用算法.pdf
- c++经典程序代码大全.pdf
- 单片机数字时钟资料.doc
- 11项目管理前沿1.0.pptx
- 基于ssm的“魅力”繁峙宣传网站的设计与实现论文.doc
- 智慧交通综合解决方案.pptx
- 建筑防潮设计-PowerPointPresentati.pptx
- SPC统计过程控制程序.pptx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0