通过javascript判断图片是否存在

最新推荐文章于 2020-12-09 01:17:25 发布
最新推荐文章于 2020-12-09 01:17:25 发布
阅读量71 收藏
点赞数
文章标签： javascript xhtml ViewUI
原文链接：https://yq.aliyun.com/articles/482585
版权

通过javascript判断图片是否存在，不存在则显示另一图片

 
 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  2.  <html xmlns="http://www.w3.org/1999/xhtml">  
  3.  <head>  
  4.  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
  5.  <title>demo</title>  
  6.  <script type="text/javascript">  
  7.  var thisSiteURL = 'http://paopao8.com/';   
  8.  var thisTopicLength = '140';   
  9.  var thisMod = 'topic';   
  10.  var thisCode = '';   
  11.       
  12.      var isQunClosed = false;   
  13. function faceError(imgObj)  
  14. {  
  15.          var errorSrc='http://www.paopao8.com/static/images/logo.gif';   
  16.  imgObj.src = errorSrc;   
  17. }  
  18.  </script>  
  19.  </head>  
  20.  
  21.  <body>  
  22.  <img src="credit_info_s1.png" onerror="javascript:faceError(this);"  width="178" height="178" />  
  23.  <img src="credit_info_s2.png" onerror="javascript:faceError(this);"  width="178" height="178" />  
  24.  </body>  
  25.  </html>  
 
 
 
 
 

 
 

 
 
本文转自 ppabc  51CTO博客，原文链接:http://blog.51cto.com/ppabc/744797
 


                

        

        




    




    

      

        

            

              
                
                  weixin_34268579
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
js判断图片是否存在

				
			

			

				

					Crazy_GirlLL的博客
				

				

					08-05
					
					2639
					
				

			

		

		

			
				
js判断图片是否存在

			
		

	



                

              
                



	

		

			

				
					
Javascript判断图片是否存在

				
			

			

				

					ラピスラズリ(Dawn)的笔记本
				

				

					11-28
					
					78
					
				

			

		

		

			
				
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
    <head>
        <m...

			
		

	



                


  
              

                


	

		

			

				
					
用Javascript判断图片是否在存在

				
			

			

				

					guoguo1980的专栏
				

				

					01-25
					
					2126
					
				

			

		

		

			
				
php爱好者|phpfans.net|---判断远程图片是否存在，否则替换成默认图片判断远程图片是否存在，不存在的话替换成默认的图片，代码如下：第一种情况存在：第二种情况不存在，替换成本站的logo：

			
		

	





	

		

			

				
					
JS判断图片是否存在的几种方法

				
			

			

				

					HAPP NEW JAVA
				

				

					05-08
					
					4617
					
				

			

		

		

			
				
s判断图片是否存在的几种方法





 
 




1、 function CheckImgExists(imgurl) { 
    var ImgObj = newImage(); //判断图片是否存在  
    ImgObj.src = imgurl; 
    //没有图片，则返回-1 
    if (ImgObj.fileSize> 0 || (I

			
		

	



		

			
		



	

		

			

				
					
用Javascript判断图片是否存在，不存在则显示默认图片的代码

				
			

			

				

					10-30
				

			

		

		

			
				
用Javascript判断图片是否存在，不存在则显示默认图片的代码,需要的朋友可以参考下。

			
		

	





	

		

			

				
					
如何基于JavaScript判断图片是否加载完成

				
			

			

				

					10-15
				

			

		

		

			
				
在JavaScript中，正确判断图片是否加载完成是网页动态加载和展示图片时不可或缺的技能。这个问题在Web开发中经常遇到，特别是在处理用户上传的图片或远程图片资源时。本篇文章将详细探讨如何通过JavaScript来实现这...

			
		

	





	

		

			

				
					
JavaScript判断图片是否能够加载,失败则替换默认图片

				
			

			

				

					10-28
				

			

		

		

			
				
总的来说，通过JavaScript智能判断图片加载状态并处理加载失败的情况，可以有效地提高网页的用户体验。这个功能可以广泛应用于网站的头像显示、背景图片加载以及其他任何需要依赖图片资源的场景。通过合理地运用这些...

			
		

	





	

		

			

				
					
JavaScript判断数组是否包含指定元素的方法

				
			

			

				

					10-23
				

			

		

		

			
				
在JavaScript编程中，判断一个数组是否包含特定元素是常见的需求。这个操作可以帮助我们进行条件判断、数据过滤等操作。在JavaScript中，有多种方法可以实现这个功能，包括使用`indexOf()`方法、`Array.prototype....

			
		

	





	

		

			

				
					
纯javascript实现上传图片前图片预览，判断图片大小

				
			

			

				

					12-26
				

			

		

		

			
				
**步骤4：判断图片大小** 在`handleImageChange`函数中，我们可以通过`File.size`属性获取文件大小（单位为字节）。如果图片过大，可以阻止预览并提示用户。  ```javascript function handleImageChange(event) {  ...

			
		

	





	

		

			

				
					
利用JS判断图片，文件是否存在的几种方法

				
			

			

				

					Mickeymouse
				

				

					11-16
					
					2万+
					
				

			

		

		

			
				
有时候，我们读取一个图片或文件的时候，我们不知道图片和文件是否存在。所以可以事先判断一下图片和文件在服务器上是否存在。
方法1：判断图片是否存在。
function isHasImg(pathImg){
    var ImgObj=new Image();
    ImgObj.src= pathImg;
     if(ImgObj.fileSize > 0 || (ImgObj.widt

			
		

	





	

		

			

				
					
关于js判断图片是否存在的几种方法

					
热门推荐

				
			

			

				

					menglexinglai的专栏
				

				

					09-24
					
					3万+
					
				

			

		

		

			
				
我最喜欢的是第四种方法，代码简单
1、 function CheckImgExists(imgurl) {  
    var ImgObj = new Image(); //判断图片是否存在  
    ImgObj.src = imgurl;  
    //没有图片，则返回-1  
    if (ImgObj.fileSize > 0 || (ImgObj.width > 0 &

			
		

	





	

		

			

				
					
js判断图片是否存在,并做处理

				
			

			

				

					leoly612200的博客
				

				

					07-10
					
					3826
					
				

			

		

		

			
				
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JavaScript判断远程图片是否存在，不存在则替换指定图片</title>
</head>
<body>
<p>判断百度...

			
		

	





	

		

			

				
					
关于微信小程序根据本地缓存的是否存在来判定其他页面是否存在

				
			

			

				

					若无相衬
				

				

					04-07
					
					1万+
					
				

			

		

		

			
				
微信小程序的本地缓存的获取以及清除,保存可以说是每个玩小程序的人必须接触的. 
昨天领导给我一个任务,借助微信第三方获取用户的信息,当用户第一次登陆时,会获取用户的信息,并让其完成附加的认证,然后存在本地.用户下次登录时就不需完成认证.废话不说,先上代码“` 
// pages/login/login.js 
Page({ 
  data: { 
    // mo为动态添加关联验证的display

			
		

	





	

		

			

				
					
判断URL图片是否存在

				
			

			

				

					kunkuny的专栏
				

				

					12-09
					
					868
					
				

			

		

		

			
				
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
	$(document).ready(function(){
		
		var im

			
		

	





	

		

			

				
					
js根据图片路径地址判断图片是否存在的几种方法

				
			

			

				

					u011352738的博客
				

				

					08-09
					
					2万+
					
				

			

		

		

			
				
js根据图片路径地址判断图片是否存在的几种方法，可以是远程图片或是是本地上传的图片 
转自：http://www.ablanxue.com/prone_4739_1.html
1、  
function CheckImgExists(imgurl) {  
  var ImgObj = new Image(); //判断图片是否存在   
  ImgObj.src = imgurl;  

			
		

	





	

		

			

				
					
js 判断图片是否存在

				
			

			

				

					写博客只为学习
				

				

					10-27
					
					759
					
				

			

		

		

			
				
[color=red][b]当图片不存在时，将触发onerror，onerror 中img为 指定的默认图片。
图片存在则显示正常图片，图片不存在将显示默认。[/b][/color]

[code="java"]
function imgOnerror(img){  
img.src="../images/avatars/default.jpg";  
img.onerror=null...

			
		

	





	

		

			

				
					
js--判断图片资源是否存在

					
最新发布

				
			

			

				

					05-18
				

			

		

		

			
				
在 JavaScript 中，可以使用 `Image` 对象来判断图片资源是否存在。具体做法如下：  1. 创建一个 `Image` 对象。  ``` const img = new Image(); ```  2. 给 `Image` 对象设置 `src` 属性，并监听 `load` 和 `error`...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值