javascript 图片显示 不存在后,显示其他的图片。

本文详细介绍了如何在JavaScript中通过ID获取图片元素,并在图片不存在时进行错误处理,确保页面显示稳定。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

首先 当我点击 设备图片 按钮后,出现这个样子。

我用js 是这样获取图片的:

 //获取图片的名称 前缀。。.JPG 前面的。。我的这里图片名字是根据text——4 的名字取得
var code = document.getElementById('text_4').value;
//获取图片 img—1
var img = document.getElementById('img_1');
//打开系统的时候 不显示图片
document.getElementById('img_1').style.display="block";
//点击显示图片后获得图片
img.src="D:\\project\\SBMIS\\BALASBRID\\wsw\\zcpicture\\"+code+".jpg";
alert(img.src);

如何我的文件夹中没有图片名字的话我就让他显示出来暂时无图片。

 

如果要是 显示字的话 就直接在img 标签中 加入 alt=“暂无图片”

如何向替换成某个图片的话 就 这样弄 

<img     onerror="this.src= 'D:\\project\\SBMIS\\BALASBRID\\wsw\\zcpicture\\none.jpg' "    />

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值