ajax获取http访问状态--判断图片路径是否有效

最新推荐文章于 2024-04-28 04:00:44 发布

t_y_c

最新推荐文章于 2024-04-28 04:00:44 发布

阅读量1.1k

点赞数

本文链接：https://blog.youkuaiyun.com/t_y_c/article/details/44055381

版权

本文介绍了如何通过Ajax获取HTTP访问状态来判断图片路径是否有效。首先，通过获取项目名来拼接图片的完整URL，然后调用isHavePic方法进行路径检查。在isHavePic函数中，使用Ajax发送请求，但需要注意Firefox浏览器会错误地报告404状态，对于存在资源的情况，可以考虑使用ExtJS的Ext.get方法替代。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.获取 var urlhead = location.protocol + "//" + location.host + "/项目名/";
2.拼接图片全路径 var zp1 = ds_beforeloan_privateone.getAt(0).get('zp1')==''?urlhead + 'upload/avtar.jpg':urlhead + ds_beforeloan_privateone.getAt(0).get('zp1');

3.判断路径是否存在 isHavePic(zp1)//方法调用

4.ajax函数

//当有图片路径是否丢失

function isHavePic(url){ //url为图片路径

var avtarjpg=urlhead + 'upload/avtar.jpg'; //默认图片，用于找不到资源时显示

                       jQuery.ajax({
                           url: url,
                           type: "post",
//                          async : false,
//                           success: function(msg) {
//                           },
                           error: function(XMLHttpRequest, textStatus, errorThrown) {

                           if(XMLHttpRequest.status==404){//资源不存在
//                                   alert(XMLHttpRequest.status);
//                                   alert(XMLHttpRequest.readyState);
                                   if (Ext.isIE) {                                          //ie浏览器载入默认图片
                                   if(url==zp1){image1.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = avtarjpg;}
                                   if(url==zp2){image2.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = avtarjpg;}
                                   if(url==zp3){image3.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = avtarjpg;}
                                   }else{                                               //其他浏览器载入默认图片
                                   if(url==zp1){Ext.get('image1').dom.src = avtarjpg;}
                                   if(url==zp2){Ext.get('image2').dom.src = avtarjpg;}
                                     if(url==zp3){Ext.get('image3').dom.src = avtarjpg;}
                                   }
                           }else{
                               if (Ext.isIE) {    //ie浏览器载入找到的资源图片
                                   if(url==zp1){image1.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = url;}
                                   if(url==zp2){image2.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = url;}
                                   if(url==zp3){image3.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = url;}
                               }
                               }

                           //alert(XMLHttpRequest.readyState);
                           //alert(textStatus);

                       }
   //                       ,
//                           complete: function(XMLHttpRequest, textStatus) {
//                           this; // 调用本次AJAX请求时传递的options参数
//                           }
                           });

}

//注意：firebox浏览器无论资源图片是否存在，都判断为资源丢失 404状态，所以当资源存在时不能用此ajax方法，可以使用其他方法，

我用的是extjs方法：Ext.get('image3').dom.src = zp3;