-
2019-07-30 15:54:37
<?php
if(!@getimagesize(/pc/common/images/a.png)){ //如果不存在,就显示 默认图片
echo '<img src="' . RESOURCES . '/pc/common/images/houseDetail404.jpg" alt="" />'
}else{
echo '<img src="' . RESOURCES . '/pc/common/images/a.png" alt="" />'
}
?>
更多相关内容 -
html img src 判断图片路径是否有效
2021-06-14 04:28:50html img src 图片路径不存在或者存在但是路径无效无法正常加载出来的情况,动态替换成有效的默认图片,解决办法。通常的判断为:if(pic==null){html='';}else{html='';}但如果当src路径存在,但路径无效导致无法...html img src 图片路径不存在或者存在但是路径无效无法正常加载出来的情况,动态替换成有效的默认图片,解决办法。
通常的判断为:
if(pic==null){
html='
';
}else{
html='
';
}
但如果当src路径存在,但路径无效导致无法正常加载时,可以利用img 的 onerror 事件来解决:
if(pic==null){
html='
';
}else{
html='
';
}
分析:特别注意 onerror,当图片不存在时,将触发 onerror,而 onerror 中又为 img 指定一个 NoPic.gif 图片。也就是说图片存在则显示 pic.gif,图片不存在将显示 noPic.gif。但问题来了,如果 noPic.gif 也不存在,则继续触发 onerror,导致循环,故出现错误。
说明:如果图片存在,但网络很不通畅,也可能触发 onerror。
解决:可以在设置为默认图片之后将 onerror 事件置空,避免死循环触发。
function imgerror(img){
img.src="images/default.jpg";
img.οnerrοr=null; //控制不要一直跳动
}
-
js判断图片的网络地址是否有效
2020-12-03 09:43:54判断图片的网络地址是否有效 方法:利用 HTML DOM Image 对象 Image 对象提供了两个事件,分别是:onerror & onload。 用法如下: // new Image对象 const IMG = new Image(); // 设置路径 IMG.src = ...判断图片的网络地址是否有效
方法:利用 HTML DOM Image 对象
Image 对象提供了两个事件,分别是:
onerror & onload
。用法如下:
// new Image对象 const IMG = new Image(); // 设置路径 IMG.src = yourImgPath; // 当图像装载完毕时调用的事件句柄 IMG.onload = ()=>{ console.log('load事件加载'); } // 在装载图像的过程中发生错误时调用的事件句柄 IMG.onerror = ()=>{ console.log('error事件加载'); }
举例说明:
- 现在有一个网络地址图片,判断地址是否可用,如果可用,则把地址赋给
loadImg
变量,否则把assets/image/no.jpg
这个本地路径赋值给loading
变量。
let loading: string; // 图片地址 const url = 'https://profile.csdnimg.cn/2/1/8/3_s_y_w123'; const IMG = new Image(); IMG.src = url; IMG.onload = ()=>{ loading = url; } IMG.onerror = ()=>{ loading = 'assets/image/no.jpg'; }
上面的方法 其实和 使用
ajax
请求一下图片地址,然后判断返回状态的方法,二者本质是一样的,都是通过网络请求的返回状态来判断的。-
不过区别就是,一个是ajax,一个是使用的Image对象。
-
当然这两者还有一个共同点,就是不可避免的都会造成异步问题。
-
关于请求造成的异步,相信大家有自己的解决办法,比如使用 promise 或者 发布订阅机制。
对于单独的某一张图片都好解决,但是不确定张数呢?我这里提出一个我面临的问题:
有一个图片数组,当我遍历这个数组取出图片路径,然后调用图片路径判断方法之后。
- 如何知道所有发生错误的图片都已经判断完成,或者说 怎么知道所有发生错误的图片中最后一张错误判断onerror执行完成了。
const imgArr = [...]; imgArr.forEach(item=>{ const IMG = new Image(); IMG.src = item; IMG.onerror = () => { console.log('图片发生错误'); # 如何知道本次执行的是最后一张发生错误的图片 } });
当然,我们可以设置一个全局变量
count = 1
;无论图片加载成功或失败都让count++
,然后判断count
是否和图片数组的length
相等即可。
但是这样势必要走完所有图片地址才知道结果,有没有更加高效的呢? - 现在有一个网络地址图片,判断地址是否可用,如果可用,则把地址赋给
-
用js判断图片地址是否有效
2020-09-03 19:20:10//判断图片是否存在 function CheckImgExists(imgurl) { var ImgObj = new Image(); //判断图片是否存在 ImgObj.src = imgurl; //存在图片 if (ImgObj.fileSize > 0 || (ImgObj.width > 0 && ...//判断图片是否存在 function CheckImgExists(imgurl) { var ImgObj = new Image(); //判断图片是否存在 ImgObj.src = imgurl; //存在图片 if (ImgObj.fileSize > 0 || (ImgObj.width > 0 && ImgObj.height > 0)) { console.log('图片地址有效') return true; } else { console.log('图片地址无效') return false; } } 直接调用函数 CheckImgExists(图片地址) 即可
-
C#判断文件路径是否存在或者判断文件是否存在的方法
2021-01-02 09:47:14代码如下: //判断文件路径是否存在,不存在则创建文件夹 if (!System.IO.Directory.Exists(@”D:\Export”)) { System.IO.Directory.CreateDirectory(@”D:\Export”);//不存在就创建目录 } //判断文件是否存在 添加... -
java判断图片地址链接是否有效
2019-05-14 10:34:02在工作中,难免遇到一些奇怪的需求,就比如前端上传了图片,一张图的时候可以回显出来,但遇到多图上传的时候,给后台传base64流,后台接收到图片流之后,只顾着一个劲儿的上传,而不知道这些传上去的是否有效。... -
js 判断图片 url 地址是否有效,两种方式一起使用完美解决!
2020-07-11 21:16:55//判断图片是否存在 function is_img_url(imgurl) { return new Promise(function(resolve, reject) { var ImgObj = new Image(); //判断图片是否存在 ImgObj.src = imgurl; ImgObj.onload = function(res) { ... -
JavaScript判断一个URL链接是否有效的实现方法
2020-12-12 07:54:14引言 有一个通讯录系统, 同时部署在几台服务器上, 但是主页上有个通讯录的链接, 链接到这个系统. 问题是, 有时候链接指向的服务器出故障, 于是希望在这个服务器出故障(服务不可用)的情况下, 能指向其他服务器的链接.... -
完美兼容多浏览器的js判断图片路径代码汇总
2020-12-11 22:08:35//判断图片是否存在 ImgObj.src = imgurl; //没有图片,则返回-1 if (ImgObj.fileSize > 0 || (ImgObj.width > 0 && ImgObj.height > 0)) { alert(imgurl + '存在'); } else { alert(imgurl + '不存在'... -
js怎样判断图片链接是否有效
2020-08-03 23:17:58js怎样判断图片链接是否有效 要判断图片链接是否有效,我们首先创建一个Image对象,然后把链接设置在Image对象上,如果能正常加载,则代表链接有效。因为图片是异步加载的,所以我们需要Promise来处理。创建一个... -
js判断图片是否存在
2015-06-15 11:15:17js判断图片是否存在,不存在就显示其他的 -
C# 判断图片的URL是否有效(一)
2019-09-30 22:45:36/************************ *用第二个方法,获取远程文件的大小 ...判断远程文件是否存在 ///fileUrl:远程文件路径,包括IP地址以及详细的路径 private bool RemoteFileExists(string fileUrl) { ... -
判断url链接是否有效的几种方法
2021-04-14 02:12:54前提需要判断远程URL是否有效,远程url包括远程图片,网页,视频等等元素解决办法:使用PHP解决使用file_get_contents函数,不过优缺点如果url无法访问,会出现终止程序问题使用curl返回,然后判断是否正确执行使用... -
给出图片路径,判断是否有效的图片路径,使用async与await,image.onload()
2020-10-12 14:23:011111 -
Python基于pillow判断图片完整性的方法
2021-01-20 04:13:08#summary: 判断图片的有效性 import io from PIL import Image #判断文件是否为有效(完整)的图片 #输入参数为文件路径 def IsValidImage(pathfile): bValid = True try: Image.open(pathfile).verif -
利用 JS 判断页面图片静态资源链接是否有效是否加载完成
2020-03-09 23:39:41利用原生 JS 实现对图片静态资源链接是否有效进行判断: 如果资源链接有效,直接渲染; 如果资源链接失效,3秒后替换新的链接,进行第二次渲染; 如果新的链接仍然失效,直接取消加载,保证页面所有资源处于完全... -
利用JS判断图片,文件是否存在的几种方法
2016-11-16 10:46:53有时候,我们读取一个图片或文件的时候,我们不知道图片和文件...方法1:判断图片是否存在。 function isHasImg(pathImg){ var ImgObj=new Image(); ImgObj.src= pathImg; if(ImgObj.fileSize > 0 || (ImgObj.widt -
Java中判断URL地址的图片是否有效
2019-07-26 10:56:37import java.io.IOException; import java.net.HttpURLConnection; import java.net.URL;... * 判断网络图片是否存在 posturl 图片地址链接 */ public static String isImagesTrue(String posturl) thro... -
java判断网络图片是否存在
2020-01-07 11:48:06在项目实际开发中,遇到了网页图片展示的问题,前端要求如果图片不能访问或者不存在,直接返回null,那怎样检测图片是否可用呢? 有两种方法可以实现: 1.利用URLConnection获取访问返回状态码判断,具体代码为: ... -
OpenCV:判断读取图片是否成功
2020-06-08 11:29:45当用imread()读取图片时,如果图片路径错了,或者图片名称,又或者后缀格式错误,程序都会报错;基于这个问题,有时候...所以,经常读取图片后,会进行判断图片是否读取成功,如果读出失败,通过控制台反馈输出说明。 -
判断(img标签)中src的路径中照片文件是否存在
2016-09-19 15:57:42判断(img标签)中src的路径中照片文件是否存在 -
标签显示不出图片——图片路径问题
2018-11-15 20:58:15图片所在路径错误 二.图片后缀名错误 系统自动隐藏了图片后缀名,本来是.png格式,却写成了.jpg或.jpeg 解决方法: 右键查看图片的详细属性,观察图片的后缀名 三.浏览器不支持 部分浏览器对有些路径书写... -
判断上传文件是否是图片文件
2019-09-28 01:49:43方法一:用image对象判断是否为图片 /// <summary> /// 判断文件是否为图片 /// </summary> /// <param name="path">文件的完整路径</param> /// <returns>返回结果</... -
动态获取文件路径或图片路径
2017-07-17 15:30:11"您选择的不是有效的图片" ) .setPositiveButton( "确定" , new DialogInterface.OnClickListener() { public void onClick (DialogInterface dialog, int which) { picPath = null ; } }).create();... -
(建议收藏)一文多图,彻底搞懂Floyd算法(多源最短路径)
2021-08-27 16:07:59前言 在图论中,在寻路最短路径中除了Dijkstra算法以外,还有Floyd算法也是非常经典,然而两种算法还是有区别的,Floyd主要计算多源最短路径。 在单源正权值最短路径,我们...还要用一个boolean数组标记是否已经确定、 -
spring boot中配置虚拟路径,用来映射显示图片
2019-06-17 10:54:50//TODO 每次上传判断当天是否有文件夹,没有则创建一个,文件名称保持不变,使用redis记录文件,重复则不上传,直接返回虚拟路径 //文件名 String filename = picFile.getOriginalFilename(); File destFile = new ... -
PHP多线程批量采集下载美女图片的实现代码(续)
2020-12-19 06:33:59个人认为影响的原因:匹配到的图片url并不是有效的url,文中只是简单的判断是否是相对路径,但是有些url是失效的 解决办法:就是新增判断是否是真实有效url的图片 复制代码 代码如下:/** * *判断url是否有效 *@... -
C#判断上传文件是否是图片,防止木马上传
2016-02-29 16:54:46方法一:用image对象判断是否为图片 /// 判断文件是否为图片 /// /// 文件的完整路径 /// 返回结果 public Boolean IsImage(string path) { try { System.Drawing.Image img = System.D -
java判断文件是否为图片
2017-05-31 15:16:45* 判断文件是否为图片 * * @param pInput 文件名 * @param pImgeFlag 判断具体文件类型 * @return 检查后的结果 * @throws Exception */ public static boolean ... -
用户行为路径分析
2020-08-21 15:02:14这篇文章是我看过介绍用户行为路径分析,从概念到方法论都很全面的一篇,推荐! 用户行为路径分析是一种监测用户流向,从而统计产品使用深度的分析方法。主要根据每位用户在APP或网站中的点击行为日志,分析用户...