资讯专栏INFORMATION COLUMN

图片找不到的处理方案

bigdevil_s / 2797人阅读

摘要:在中图片找不到的解决方法在中,标签的图片路径资源找不到或者服务器上的图片损坏,除了可以用属性用文字提示图片的内容告诉用户外,还可以用属性,用另外一张专门用于处理图片容错的图片代替它,这里搭建了一个最简单的文件夹,里面包含一个文件一张需要上传

在HTML中图片找不到的解决方法

在html中,img标签的图片路径资源找不到或者服务器上的图片损坏,除了可以用alt属性用文字提示图片的内容告诉用户外,还可以用onerror属性,用另外一张专门用于处理图片容错的图片代替它,这里搭建了一个最简单的demo文件夹,里面包含一个html文件、一张需要上传的图片和一张解决容错的图片

onerror属性的使用方法如下:

onerror="this.src="XXX.jpg""

具体实现方法如下:

正确的图片路径应该为example.jpg,此时,浏览器呈现出的图片是error_img.jpg:

而正确修改路径后:


小程序开发中处理图片找不到问题

在小程序开发中,处理图片错误的方法与html有区别,在官方文档中也给我们了这样一个替代图片的方法:

在image标签中添加方法:

binderror="onImageError"

在相应的js文件中写一个我们定义的处理图片错误的方法,这里我们是onImageError方法:

onImageError: function(e){
    var index = e.currentTarget.dataset.index;  //获取我们在image标签中传过来的data-index的数据,以获取下标
    var topList = this.data.topList; //获取data中接收我们发出请求获得响应的数据
    var errorImageItem = topList[index]; //获取图片出错的对象
    errorImageItem.images.large = "../../images/error_img.jpg"; //把路径修改为我们的替代图片
    topList[index] = errorImageItem; //把修改完路径后的对象覆盖原先的对象
    this.setData({
      topList: topList //重新赋值
    })
  }

处理后的结果如下:

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/53776.html

相关文章

  • JavaScript精编干货

    摘要:老姚浅谈怎么学鉴于时不时,有同学私信问我老姚,下同怎么学前端的问题。撸码听歌,全局控制。 浅析用 js 解析 xml 的方法 由于项目上需要解析 xml,于是各种百度,然后自己总结了下各个主流浏览器解析 xml 的方法,只能是很浅显的知道他的用法,但是还没有深层次的研究。 装 X - 建立自己的斗图网站库 之前加过一个斗图群,看到很多经典的表情,然后就收藏到了 QQ, 迫于本屌丝开不起...

    Fourierr 评论0 收藏0
  • Android PAPP适配总结,让你快人一步

    摘要:适配的原则是优先黑名单和深灰名单,浅灰名单在官方未有替代之前可以暂时不适配,在上运行也不会有任何问题。除上面两种适配方式外,音乐目前采用了另外一种方式。隐私安全保护标识修改在中,对隐私保护又做了更加严格的要求。 欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由QQ音乐技术团队发表于云+社区专栏 上篇:Android P 行为变更适配 Android P 这次有很多行...

    phoenixsky 评论0 收藏0
  • 我还是踩上了网页截图

    摘要:最近做了个实现网页缩略图的项目,其中不免需要用到网页截屏。选择好方案后还是踩了不少坑,第一个就是我得想办法让它和通信,不然我没法通过前端只传一个需要被截图的链接给就能实现截图。 最近做了个实现网页缩略图的项目,其中不免需要用到网页截屏。 一开始想的是看看能不能在前端直接实现截图,因为Web端的截图并生成图片并不算是一个高频的需求,网上资料自然也不算多,查来查去,发现JavaScript...

    jcc 评论0 收藏0
  • webview中嵌入部分html5适配小方法~

    摘要:如果在客户端嵌入整个的一般来说是没有问题的,但是如果是某一段的嵌入到中,并且是后台传来的数据结构并且是渲染,图片是背景图片,要适配手机适配方法是用的属性适配,宽度获取背景图片的宽度这个是后台传值的时候就有的是会有想想不到的的,想要全屏展示, 如果在客户端嵌入整个的html5一般来说是没有问题的,但是如果是某一段的html5嵌入到webview中,并且是后台传来的数据结构并且是PHP渲染...

    DataPipeline 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<