首页 > 其他分享 >5分钟学会img标签加载图片404错误解决方案

5分钟学会img标签加载图片404错误解决方案

时间:2023-07-05 18:57:50浏览次数:45  
标签:img 标签 404 加载 imgUrl 图片

   在开发中,使用<img src = "/img/yys.png" />加载图片时,会有404错误,也就是图片未找到问题。

   解决办法 总结如下:

  当图片未找到或者404时,就会触发<img />标签的 onerror 属性显示其中的图片。

1、直接拼写路径方式:<img src = "img/yys.png" one rror = "javascript:this.src = 'img/default.png'" />2、事件绑定方式:<img src = "img/yys.png" one rror = "javascript:getImage('img/default.png')" />function getImage(imgUrl) {var img = event.srcElement;img.src = imgUrl;}------------------------------------- ↓↓↓↓↓ -------------------------------------特别注意:如果默认图片(img/default.png)也不存在,如何解决:<img src = "img/yys.png" one rror = "this.onerror = ''; this.src = 'img/default.png'" />

 

标签:img,标签,404,加载,imgUrl,图片
From: https://www.cnblogs.com/panwudi/p/17529549.html

相关文章

  • ASP.NET MVC PUT DELETE 404 C# mvc delete put 失败
    对于使用Url路由访问页面的ASP.NET应用程序,IIS可能会显示404,403之类的错误代码,而且排除了代码问题(本地运行正常),那么就可以加下面这句话:<system.webServer><modules><removename="UrlRoutingModule-4.0"/><addname="UrlRoutingModule-4.0"type="......
  • springboot 加载自定义的属性配置文件 或者xml文件
    1、properties user.propertiesname=zhangshanage=18  2、xml Pen1.xml<?xmlversion="1.0"encoding="utf-8"?><!DOCTYPEpropertiesSYSTEM"http://java.sun.com/dtd/properties.dtd"><properties><......
  • 基于DirectX11+ImGui的Win32桌面程序开发
    一、常见图形界面框架(DirectUI、GUI)1.题外话,纯属扯O举两个常用的开发框架,MFC和QtWidget里面每个控件都是Window,这是和DirectUI最大的区别。下面简单梳理下这个DirectUI与GUI之前错综复杂的爱恨情仇:1.在侏罗纪时期,传统的Handle式GUI框架,是由操作系统内核(win32k.sys)直......
  • 在linux开发板上加载.ko驱动文件时,出现“insmod: ERROR: could not insert module led
    本文档仅用于本人在学习过程中的记录,方便日后查找问题。问题描述:在ubuntu虚拟机编译出的xxx.ko文件,发送到linux开发板上,执行insmodxxx.ko时,出现“insmod:ERROR:couldnotinsertmoduleled.ko:Invalidmoduleformat”错误。原因查找:1)在linux开发板上,使用uname-r查看lin......
  • 直播商城源码,加载网页、html文件显示加载进度
    直播商城源码,加载网页、html文件显示加载进度新建加载WebViewActivity新建WebViewActivity加载网页html文件 classWebViewActivity:AppCompatActivity(){     overridefunonCreate(savedInstanceState:Bundle?){    super.onCreate(savedInstanceSta......
  • 打开3D MAX总提示——文件“VRay-VRayLight_Dome..mcr”己经在应用程序之外被修改。是
    每次打开2020都出现类似我这个报错弹窗怎么解决呢? 解答:3Dmax每次打开总是跳出.mcr已经在应用程序之外被修改的解决方法如下:2020版本的找到这个文件夹:C:\Users\改成你的用户名\AppData\Local\Autodesk\3dsMax\2020-64bit\CHS\usermacros其他自己找一下比如2024版就是:C......
  • rsync 遇到中文乱码文件名无法同步,并报错:rsync: rename "/test1/abc/abc/opt/abc/abc/
    rsync遇到中文文件名乱码报错报错如下:rsync:rename"/test1/abc/def/efg/abc-V2/img_abc/.δ\#261\#352\#314\#342-3.jpg.wdPu5C"->"event/abc-V2/img_abc/δ\#261\#352\#314\#342-3.jpg":Input/outputerror(5)rsync:rename"/test1/abc/def/e......
  • MediaCodec 编解码器的加载流程
    MediaCode的CreateByComponentName和CreateByType会调用mediacodec的构造方法//staticsp<MediaCodec>MediaCodec::CreateByType(constsp<ALooper>&looper,constAString&mime,boolencoder,status_t*err,pid_tpid,uid_tuid){......
  • Wordpress:siteground下如何提高wordpress网站的加载速度?
    网页加速一般有这几个步骤:1.合并代码(多个js合并成一个,多个css合并成一个)2.优化代码结构(尽量使用Html,尽量不要使用js渲染,尽量将js放置在body尾标之后)3.压缩文件(包括压缩代码、压缩图片、压缩视频)4.使用CDN分发内容5.网页静态化(将经常要访问的网页,做成静态文件html)6.使用缓存(......
  • 类加载的过程
    类加载的过程类加载过程包括5个阶段:加载、验证、准备、解析和初始化。加载加载的过程“加载”是“类加载”过程的一个阶段,不能混淆这两个名词。在加载阶段,虚拟机需要完成3件事:通过类的全限定名获取该类的二进制字节流。将二进制字节流所代表的静态结构转化为方法区的运......