SDWebImage 判断图片类型



判断文件类型方法基本有两种:

通过文件后缀来判断 (简单,快捷 但是不准确,之前 公司android 客户端禁止用户上传 GIF , 前端默认可以播放 GIF ,有些不老实的用户,直接更改文件后缀,上传图片).
通过文件头来判断  (将整个文件读取到内存,判断文件类型没有必要) ,图片的格式存在 图片文件的前8个字节中.
下面看下 IOS 框架   SDWebImage 中判断图片格式.

+ (SDImageFormat)sd_imageFormatForImageData:(nullable NSData *)data {
    if (!data) {
        return SDImageFormatUndefined;
    }

    uint8_t c;
    [data getBytes:&c length:1];
    switch (c) {
        case 0xFF:
            return SDImageFormatJPEG;
        case 0x89:
            return SDImageFormatPNG;
        case 0x47:
            return SDImageFormatGIF;
        case 0x49:
        case 0x4D:
            return SDImageFormatTIFF;
        case 0x52:
            // R as RIFF for WEBP
            if (data.length < 12) {
                return SDImageFormatUndefined;
            }

            NSString *testString = [[NSString alloc] initWithData:[data subdataWithRange:NSMakeRange(0, 12)] encoding:NSASCIIStringEncoding];
            if ([testString hasPrefix:@"RIFF"] && [testString hasSuffix:@"WEBP"]) {
                return SDImageFormatWebP;
            }
    }
    return SDImageFormatUndefined;
}

很简单. 第一个字节  0xFF 则图片为 JPEG , 为 0x89 则为 PNG …

那么我们来验证下 SDWebImage 是否正确 .

1.Charles 抓包获取JPEG的图片  直接下方点击 hex .  

第一列中的数字是文件偏移,从文件起始位置开始,至当前行第二列字节的偏移.(用十六进制表示).此外,每两位数表示一个字节.



可以看到以  ff 开头,没毛病 !

抓包看下 PNG图片  



可以看到以  89 开头,没毛病 !

2.也可以通过  mac 十六进制编辑器查看文件的字节数据 :  hexdump 命令  查看文件格式.

mac  命令行 

hexdump  /Users/lw/Desktop/wKgBOVnPvhKAYHo1AAOzga-Bneg230.png 



看到这张 png 图片文件头第一个字节为  89 .

Glide 判断图片是否缓存

Glide版本4.9.0
大多数文章的Glide 缓存判断都是异步的，可以实现功能但使用起来很不友好。通过分析源码，总结出了同步判断的方法。
1.通过反射，获取缓存File。
public static File getCache(Context context,String url){
        File cacheFile = null;
        RequestFutureTarget<File> futureTarget= (RequestFutureTarget<File>) Glide.with(context).downloadOnly().load(url).apply(new GlideOptions().onlyRetrieveFromCache(true)).submit();
        Class<?> class1 =  futureTarget.getClass();
        Field field = null;
        try {
        	//等待Glide给resource对象赋值
            synchronized (futureTarget) {
                futureTarget.wait();
            }
            field = class1.getDeclaredField("resource");
            field.setAccessible(true);//开放权限
            cacheFile= (File) field.get(futureTarget);
        } catch (NoSuchFieldException e) {
            e.printStackTrace();
        } catch (IllegalAccessException e) {
            e.printStackTrace();
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
        return cacheFile;
    }


2.判断File是否为null。
    public static boolean isCache(Context context, String url){
        return getCache(context,url)!=null;
    }

**注意：**以上代码虽然实现的同步判断的功能，但由于代码中有wait方法，出现了不确定性，所有请谨慎使用。

有时候，我们读取一个图片或文件的时候，我们不知道图片和文件是否存在。所以可以事先判断一下图片和文件在服务器上是否存在。

方法1：判断图片是否存在。

 

function isHasImg(pathImg){
    var ImgObj=new Image();
    ImgObj.src= pathImg;
     if(ImgObj.fileSize > 0 || (ImgObj.width > 0 && ImgObj.height > 0))
     {
       return true;
     } else {
       return false;
    }
}


方法2：AJAX验证图片链接是否存在

 

 

function validateImage(url)
    {    
        var xmlHttp ;
        if (window.ActiveXObject)
         {
          xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
         }
         else if (window.XMLHttpRequest)
         {
          xmlHttp = new XMLHttpRequest();
         } 
        xmlHttp.open("Get",url,false);
        xmlHttp.send();
        if(xmlHttp.status==404)
        return false;
        else
        return true;
    }

方法3：用onerror替换不存在的图片

 

 

<img src="images/img1.jpg" height="300" width="800" onerror="images/defaultImg.jpg">

 

 

 

 

 

 

 

//判断图片是否存在
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(图片地址) 即可