图片onerror事件,为图片加载指定默认图片

简介:
为图片指定加载失败时显示默认图片,js输出的img对象,onerror是事件,不是属性,所以这样写是不起作用的:
var img = $(document.createElement("IMG"));
    img.attr({
        "src": imgs[idx],
        "alt": tips[idx],
        "onerror":"this.src='" + NoPicPath + "'"
    }).appendTo(div);

应该是绑定事件:
    //图片加载失败时,加载默认图片
    $('img').error(function () {
      $(this).attr('src', NoPicPath);
    });
    if ($.browser.msie && $.browser.version < 9) {
        $('img').each(function () {
           $(this).attr('src', $(this).attr('src'));
        });
    }

参考:http://www.paulund.co.uk/handle-image-loading-errors-with-jquery
目录
相关文章
|
关系型数据库 MySQL OLAP
MySQL用户如何构建实时数仓
依托数据库生态,AnalyticDB for MySQL可以给用户提供分析场景下的标准解决方案,尤其是在大数据和性能要求较高的情况下AnalyticDB for MySQL的价值可以更好的体现。
6091 0
|
Ubuntu 网络安全 数据安全/隐私保护
如何在 Ubuntu 上创建一个 SSH CA 以验证主机和客户端
如何在 Ubuntu 上创建一个 SSH CA 以验证主机和客户端
305 0
|
传感器 安全 物联网
5G车联网技术:智能交通的未来
【10月更文挑战第26天】
561 1
|
机器学习/深度学习 供应链 监控
深度学习之实时库存管理
基于深度学习的实时库存管理在电商、零售、制造业和物流等多个行业中具有极高的应用价值。深度学习模型可以帮助企业实时监测库存动态、优化库存补充决策、预测需求波动,确保库存水平稳定且适合实际需求,从而降低成本、提高客户满意度。以下从核心技术、常见应用场景、技术挑战及未来发展方向进行详细说明。
825 3
|
JavaScript 前端开发 UED
组件库实战 | 用vue3+ts实现全局Header和列表数据渲染ColumnList
该文章详细介绍了如何使用Vue3结合TypeScript来开发全局Header组件和列表数据渲染组件ColumnList,并提供了从设计到实现的完整步骤指导。
ENVI Classic: 如何进行波段合成、矢量栅格叠加显示、窗口链接、图像格式转换、头文件编辑、重采样等(详细)2
ENVI Classic: 如何进行波段合成、矢量栅格叠加显示、窗口链接、图像格式转换、头文件编辑、重采样等(详细)
851 0
|
存储 程序员 编译器
堆和栈的区别
堆和栈的区别
|
机器学习/深度学习 弹性计算 编解码
阿里云服务器架构X86计算和ARM计算有什么区别?
阿里云服务器架构X86计算和ARM计算有什么区别?阿里云服务器架构有什么区别?X86计算、ARM计算、GPU/FPGA/ASIC、弹性裸金属服务器、超级计算集群有什么区别?阿里云服务器网分享云服务器ECS架构详细说明
676 1
|
弹性计算 网络安全 数据中心
阿里云专有网络RFC私网地址172、10和196网段选择攻略
2023阿里云专有网络RFC私网地址172、10和196网段选择攻略,阿里云专有网络VPC私网网段可选192.168.0.0/16、172.16.0.0/12或10.0.0.0/8,如何选择?阿里云百科来详细说下阿里云专有网络IPv4网段选择方法:
1825 0
阿里云专有网络RFC私网地址172、10和196网段选择攻略
PCB设计—AD20和立创EDA设计(1)创建项目
PCB设计—AD20和立创EDA设计(1)创建项目
398 0