图片不存在使用默认图片代替的实例
web.config:
<configuration>
<appSettings>
<add key="dmPic" value="bgImages/moren.jpg" />
</appSettings>
</configuration>
相应.cs页面:
if (sdr.Read())
{
this.lblDianMianMingCheng.Text = sdr["BuJuGongSiName"].ToString();
DianMianId = sdr["BuJuID"].ToString();
if (sdr["BuJuCarPhoto"].ToString() == "")
{
this.ImageDianMian.ImageUrl = ConfigurationManager.AppSettings["dmPic"].ToString();//重点之处
}
else {
this.ImageDianMian.ImageUrl = sdr["BuJuCarPhoto"].ToString();
}
}
相关推荐
-
jquery解决图片路径不存在执行替换路径
复制代码 代码如下: $("img").error(function() { $(this).attr("src", "Images/error.jpg"); }); 当图片路径不存在,可以设置为其他有好的图片来显示
-
通过JS获取用户本地图片路径并显示的代码
复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu
-
动态加载图片路径 保持JavaScript控件的相对独立性
当时考虑有三种方法: 1.直接把路径写在js文件里,但如果引用页面路径层级改变就没辙了. 2.写个class,放在主题包里的css文件或者单独创建一个css文件给日期控件专用.但是控件中的其他元素并没有使用class的需要,单独建立相应css文档似乎小题大做. 3.把以上两个方法排除后,自然要采用动态加载图片路径的方法咯. 关键代码如下: 复制代码 代码如下: //创建一个全局变量保存路径 var imgRootUrl = ""; //获取图片路径所在目录 var strPath=wi
-
图片路径中含有中文在jsp下不能正常显示的原因及解决
如:<img src="/pic/lupload/img工行上传.jpg" />,图片路径正确,放到一个单独的html页面中也能正常打开,在jsp中就是不显示图片 原因在于没有在tomcat配置URIEncoding.修改方法: 在tomcat的server.xml中加入URIEncoding="utf-8"(网页的编码是utf-8) 复制代码 代码如下: <Connector port="8080" URIEncoding=&
-
用Javascript判断图片是否存在,不存在则显示默认图片的代码
利用image对象的onerror事件来判断,出错则更换image对象的src为默认图片的URL. 第一种情况:图片存在,正常显示 第二种情况:图片不存在,显示默认图片 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 下面是通过js的判断用javascript判断指定图片文件是否存在: 如判断<img src="http://www.jb51.net/logos.gif">这个图片地址是否存在. 如果不存在,隔几秒重新探测此图片,如果地址有效则,提示地址有效 复
-
javascript批量检查当图片不存在时则显示默认图片的代码
这个是批量的检查,比较好的思路 在不存在图片时显示默认图片练习 by 阿会楠 img{ border:1px solid #cccccc; width:100px; height:50px; } var imgs = document.images; for(var i = 0;i [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 用Javascript判断图片是否存在,不存在则显示默认图片的代码可以参考下面的http://www.jb51.net/article/8796.htm
-
完美兼容多浏览器的js判断图片路径代码汇总
第一种方式 //检查图片是否存在 function CheckImgExists(imgurl) { var ImgObj = new Image(); //判断图片是否存在 ImgObj.src = imgurl; //没有图片,则返回-1 if (ImgObj.fileSize > 0 || (ImgObj.width > 0 && ImgObj.height > 0)) { alert(imgurl + '存在'); } else { alert(imgurl +
-
解决图片路径中含有中文在jsp下不能正常显示问题
如:<img src="/pic/lupload/img工行上传.jpg" />,图片路径正确,放到一个单独的html页面中也能正常打开,在jsp中就是不显示图片 原因在于没有在tomcat配置URIEncoding.修改方法: 在tomcat的server.xml中加入URIEncoding="utf-8"(网页的编码是utf-8) 复制代码 代码如下: <Connector port="8080" URIEncoding=&
-
图片不存在使用默认图片代替的实例
web.config: 复制代码 代码如下: <configuration> <appSettings> <add key="dmPic" value="bgImages/moren.jpg" /> </appSettings></configuration> 相应.cs页面: 复制代码 代码如下: if (sdr.Read()){ this.lblDianMianMingCheng.Tex
-
vue中当图片地址无效的时候,显示默认图片的方法
web项目中经常需要展示图片,很可能就会碰到图片地址无效的情况,比如图片地址不对,或者后台拿到图片地址后,该地址无效,或者数据库中没有该图片等情况.这时候,图片就会显示一个叉. 对于项目中出现的这种情况,我们也可以不做处理,但是比较影响美观,所以我们都会使用一个默认的图片来代替图片原来的地址. <img :src="item.img" @error="imgError(item)" /> 给图片添加一个error校验,当图片加载失效的时候,就会调用该属性
-
利用图片的 onerror 事件载入默认图片
载入默认图片 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 上面的代码在firefox有作用,ie7下无效.下面是从chinaz弄来的代码.并且一直在用的,经过测试,ie7,firefox3.5经过测试 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
-
vue图片加载与显示默认图片实例代码
本文实例为大家分享了vue图片加载与显示默认图片的具体代码,供大家参考,具体内容如下 HTML: <div class="content-show-img"> <div class="show-img"> <img class="default-image" :src="data.image" @load="successLoadImg" @error="errorL
-
JavaScript判断图片是否能够加载,失败则替换默认图片
一为使网站整洁,二来提升网页体验,不至于让别人觉得你这网站有问题.其实实现起来也是非常简单的,具体请看看代码. 图片加载失败时用默认图片替代 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
-
img 加载网络图片失败 显示默认图片的方法
1. 概述 当从网络加载图片失败 希望显示默认图 img 标签有个 onerror属性 2. 代码 2.1 java服务端组织标签整个返回前端 String imgUrl = "javascript:this.src=\'http://172.21.96.31:88/k/default.jpg\'"; digest += "<img src='" + thumbnail + "' width='85px' height='70px' onerror=
-
jQuery图片加载失败替换默认图片方法汇总
本文主要讨论页面中图片加载失败后替换默认图片的几种方式 重点来了:一定要记住error事件不冒泡. 相关的知识点:jquery的ready方法.$("img").error().img的complete属性.插件imagesLoaded.事件委托.事件捕获和图片预加载的方法等 1. 图片加载失败替换为默认图片 1.1 给图片绑定error事件 当图片加载失败时会触发error事件 $("img").on("error", function ()
-
vue图片加载失败时用默认图片替换的方法
前言 本文主要给大家介绍的关于vue实现图片加载失败时用默认图片替换的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧 方法如下 原理就是给img绑定error事件,替换原有的src地址. 首先在data中创建一个defaultImg(随便起的),里面的值是该默认图片的地址: 在html页面的img标签上绑定该属性 这样默认图片就设置好了: 这样做的好处就是可以提高用户体验,而图片的alt属性,是在图片显示失败后出现的文字,像下图所示,但是这样的用户体验不高: 像后台管理
随机推荐
- React Native实现地址挑选器功能
- Delphi实现获取进程列表及相关信息的实例
- 详解vue.js 开发环境搭建最简单攻略
- 使用shc工具加密shell脚本详解
- Sql server中内部函数fn_PhysLocFormatter存在解析错误详解
- jquery 插件开发 extjs中的extend用法小结
- javascript之ESC(第二类混淆)
- php array_values 返回数组的值实例详解
- 关于内容的分离,正则抽出图片(一定要加精哦)
- Python引用(import)文件夹下的py文件的方法
- C++有限状态机实现计算器小程序
- vue params、query传参使用详解
- vue中for循环更改数据的实例代码(数据变化但页面数据未变)
- MySQL 5.7.14 net start mysql 服务无法启动-“NET HELPMSG 3534” 的奇怪问题
- 详解vee-validate的使用个人小结
- asp下Response.Buffer提速
- MySQL 替换某字段内部分内容的UPDATE语句
- jQuery中get和post方法传值测试及注意事项
- jQuery插件的写法分享
- 为指定元素增加样式的js代码