在工作和实践中,总会遇到图片,,等的路径找不到。当然能够找到是极好的,但如果图片或某些文件写在被封装压缩整理过的js中,其实就是两种情况,跨域或不跨域

1)跨域,请求的img失败,没有显示,显示本地默认的一个图在onerror中处理

2)同域,同域如果目的图片加载不出,errorImg估计也加载不出,当然排除低级错误

可先用js去预判不稳定的服务器下的图片

function addImg(isrc){
    var Img = new Image();
    Img.src = isrc;
    Img.onload = function(){
        document.body.appendChild(Img);
    }
    Img.onerror = function(){
        console.log("error");
    }    
}

如何屏蔽报错信息404.有以下几种方法。

1.强大的处理方式,所有的报错都可以被屏蔽


//js
window.onerror = function(){return true};


2.处理图片缺失问题,对缺失的文件自动填充

*****常规写法*****

//js
function imgError(image){
    image.onerror ="";
    image.src = "/images/noimage.jpg";
    return true;
}
//html
<img src="data:image.jpg" οnerrοr="imagError(this);"/>

*****内联式*****

<img src="data:image.jpg" onerror = "this.onerror = null;this.src  = '/images/noimages/jpg';" />

*****使用jQuery*****

<img src="data:image.jpg" οnerrοr="imagError(this);"/>

$("img").error(function(){
    $(this).unbind("error").attr("src","broken.jpg");
});

如何处理前端js报错——容错处理的汇总相关推荐

  1. 【前端】诸葛io收集前端js报错信息

    转载请注明出处:http://www.cnblogs.com/shamoyuu/p/zhuge_error.html 一.什么是诸葛io 诸葛io就是通过分析用户的操作事件对用户数据,行为路径等进行分 ...

  2. Eclipse中导入项目后js报错解决方法

    Eclipse中导入项目后js报错的原因与解决方法 在我们将项目导入Eclipse后,配置好各种编译条件.加载好jar包.配置好tomcat后发现项目还是报错,(前提是项目本身并没有错误,而是我们在初 ...

  3. ie8 js未指明的错误_修复ueditor百度编辑器在IE8下shCore.js报错'undefined'错误的问题...

    ueditor在IE8下点击任意文本框报脚本错误 错误问题: 在IE8下出现脚本错误 'undefined' 为空或不是对象 的问题 出现问题的文件为: 行数:299行 文件路径:ueditor\th ...

  4. Eclipse和MyEclipse使用技巧--解决MyEclipse中的js报错的小方法

    今天,下了个模版,但是导进去的时候发现js会报错.看了下其他都没有错误.而有一个js报错误,请原谅我有点红色强迫症,不能留一点红色 . 错误如下: Syntax error on token &quo ...

  5. web-packwebpack .\src\main.js .\dist\bundle.js 报错

    (1)使用指令 web-pack>webpack .\src\main.js  .\dist\bundle.js  报错 (2).问题分析,wbpack版本太高,指令不一样.我的是v4.14.0 ...

  6. 【js监听报错】页面监听js报错问题

    <html> <head> <script type="text/javascript">// 页面监听js报错问题 οnerrοr=handl ...

  7. requirejs页面刷新失效js报错问题解决方案

    插件名称:requirejs 问题:页面刷新后模块载入失效,js报错 下载地址:http://www.chtml.cn/topic/show/10816 问题原因: requirejs是先加载本身在加 ...

  8. JS报错:Cannot read property 'type' of undefined

    在做图片上传功能的时候,遇到了JS无法识别图片type的问题,在使用过程中是没有问题的,但是不知道为什么浏览器的Console报这个错误: Uncaught TypeError: Cannot rea ...

  9. 百度编辑器回显js报错Uncaught SyntaxError: Invalid or unexpected token

    这个错误是因为回显的内容里面包含了回车,导致js报错 解决办法如下: $vo['content'] = strreplace(array("\r\n", "\r" ...

最新文章

  1. 【GLib】GLib学习笔记(一):GLib、GObject、GType
  2. 《OpenStack实战》——第1章 介绍OpenStack 1.1OpenStack是什么
  3. python为什么那么难学_Python入门很难吗? 为什么越来越多的人都学Python?
  4. 前段框架——VueX
  5. 为程序员量身定做的目标
  6. springboot Serving Web Content with Spring MVC
  7. win7安装mysql 5.7.25_Windows下安装mysql-5.7.25-winx64.zip
  8. 离线实时一体化数仓与湖仓一体—云原生大数据平台的持续演进
  9. 电脑cpu温度过高怎么办_网络资讯:电脑cpu占用过高处理办法
  10. linux实验四文件安全,西北农林科技大学Linux实验四 用户和文件安全
  11. java collection 遍历_Java for循环对集合的遍历
  12. java三种注释_Java中三种常见的注释(注解) Annotation
  13. 使用子查询可提升 COUNT DISTINCT 速度 50 倍
  14. Java springcloud B2B2C o2o多用户商城 springcloud架构- ribbon
  15. 【STC15系列】STC15软串口输出打印示例程序
  16. 越狱Season 1-Season 1, Episode 3: Cell Test
  17. mac搜索不到wifi wtg_Mac连不上WiFi怎么办?Mac连不上无线网络解决办法
  18. 【javascript】JS+DOM实现图片库(改进版)
  19. mysql中ndb_restore_mysql ndb集群与恢复
  20. citra 图形设置_功能强大的图形绘制软件

热门文章

  1. 双足机器人的稳定性判据_双足机器人行走稳定性探究.pdf
  2. 决策树 (Decision Tree) 原理简述及相关算法(ID3,C4.5)
  3. svn 更新命令(冲突时使用theirs)
  4. Java编程思想读书笔记——第十章:内部类
  5. Google I/O开发者大会第二弹之未来
  6. 华硕飞行堡垒7开启虚拟化
  7. 同志们,免费版的Ant Design Pro Vue3 来啦
  8. OSChina 周四乱弹 —— 曾经有只老鹰冲着我提需求
  9. SpringBoot中MybatisX插件的简单使用教程(超详细!!)
  10. 【C语言】极坐标转换为直角坐标