封装一下图片下载功能

简介: 封装一下图片下载功能

封装一下图片下载功能


根据网络情况来加载图片

基本操作思路

  1. 如果是已经下载过原图,缓存下来了,直接从缓存中加载
    1.1.如果是没有加载过图片,则根据网络情况来加载图片。
    2.1如果是Wi-Fi则加载原图,
    3.1如果是3g/4g则去加载原图。
    3.2不是3g/4g 则去加载缩略图。
    2.2如果没有网,查看是否下载过缩略图,缓存下来了,那么显示缩略图,如果没有,则显示占位图。

第一步:添加一个分类

21af3466bd763796dfbc7c908ce6e4a2.png

Snip20170408_1.png

第二步:在.h 文件中声明一个方法出来,方便外面调用

a2323a578b96304116b73db8c445e1b2.png

Snip20170408_2.png

第三步:在.m文件中实现方法

adbbcecb64cacc578902eab3edf379ec.png

Snip20170408_3.png

b958dc5e2a1fb5cd8e8baa83330ce7ef.png

Snip20170408_4.png

代码呈上

注意⚠️ 依赖了SDWebImage  AFNetworking这个两个库

在 .h文件中的代码

#import <UIKit/UIKit.h>
#import <UIImageView+WebCache.h>
@interface UIImageView (LYWDownLoad)
- (void)LYW_setOriginImage:(NSString *)originImageURL thumbnailImage:(NSString *)thumbnailImageURL placeholder:(UIImage *)placeholder completed:(SDWebImageCompletionBlock)completedBlock;
@end

在 .m文件中的代码

#import "UIImageView+LYWDownLoad.h"
#import <AFNetworkReachabilityManager.h>
#import <UIImageView+WebCache.h>
@implementation UIImageView (LYWDownLoad)
- (void)LYW_setOriginImage:(NSString *)originImageURL thumbnailImage:(NSString *)thumbnailImageURL placeholder:(UIImage *)placeholder completed:(SDWebImageCompletionBlock)completedBlock
{
    // 根据网络状态来加载图片
    AFNetworkReachabilityManager *mgr = [AFNetworkReachabilityManager sharedManager];
    // 获得原图(SDWebImage的图片缓存是用图片的url字符串作为key)
    UIImage *originImage = [[SDImageCache sharedImageCache] imageFromDiskCacheForKey:originImageURL];
    if (originImage) { // 原图已经被下载过
        [self sd_setImageWithURL:[NSURL URLWithString:originImageURL] placeholderImage:placeholder completed:completedBlock];
    } else { // 原图并未下载过
        if (mgr.isReachableViaWiFi) {
            [self sd_setImageWithURL:[NSURL URLWithString:originImageURL] placeholderImage:placeholder completed:completedBlock];
        } else if (mgr.isReachableViaWWAN) {
            // 3G\4G网络下时候要下载原图
            BOOL downloadOriginImageWhen3GOr4G = YES;
            if (downloadOriginImageWhen3GOr4G) {
                [self sd_setImageWithURL:[NSURL URLWithString:originImageURL] placeholderImage:placeholder completed:completedBlock];
            } else {
                [self sd_setImageWithURL:[NSURL URLWithString:thumbnailImageURL] placeholderImage:placeholder completed:completedBlock];
            }
        } else { // 没有可用网络
            UIImage *thumbnailImage = [[SDImageCache sharedImageCache] imageFromDiskCacheForKey:thumbnailImageURL];
            if (thumbnailImage) { // 缩略图已经被下载过
                [self sd_setImageWithURL:[NSURL URLWithString:thumbnailImageURL] placeholderImage:placeholder completed:completedBlock];
            } else { // 没有下载过任何图片  // 占位图片;
                [self sd_setImageWithURL:nil placeholderImage:placeholder completed:completedBlock];
            }
        }
    }
}
@end

使用说明:主要根据网络情况来下载图片 下载大图和原图的以及没有网络的情况去加载缓存中的图

相关文章
|
4月前
|
JSON 前端开发 Go
前端文件下载的方式
【10月更文挑战第5天】
142 58
|
7月前
|
存储 JavaScript Java
若依修改,如何安装wangEditor,图片上传接口编写。建议暴露专门写一个图片存储的接口
若依修改,如何安装wangEditor,图片上传接口编写。建议暴露专门写一个图片存储的接口
若依修改,如何安装wangEditor,图片上传接口编写。建议暴露专门写一个图片存储的接口
|
8月前
|
Java 机器人 API
JAVA实现自动打开URL对应的网页并保存为图片-不借助第三方API
JAVA实现自动打开URL对应的网页并保存为图片-不借助第三方API
62 9
|
9月前
|
前端开发
前端使用多张图片生成 Gif 效果(支持循环、不循环、完成回调)
前端使用多张图片生成 Gif 效果(支持循环、不循环、完成回调)
466 0
|
前端开发
前端常规关于网页文件下载的问题
前端常规关于网页文件下载的问题
83 0
|
移动开发 前端开发 HTML5
前端下载图片的N种方法
前端下载图片的N种方法
468 0
前端下载图片的N种方法
|
JSON 前端开发 JavaScript
layui上传文件弹出请求上传接口出现异常的终极解决方案(v2.68版本、ajax底层逻辑修改、debug快速定位)
layui上传文件弹出请求上传接口出现异常的终极解决方案(v2.68版本、ajax底层逻辑修改、debug快速定位)
1628 0
|
前端开发 数据库
eggjs 怎么实现返回 base64 图片的接口给前端回显头像?
eggjs 怎么实现返回 base64 图片的接口给前端回显头像?
300 0
eggjs 怎么实现返回 base64 图片的接口给前端回显头像?
|
前端开发 JavaScript
eggjs 怎么实现上传图片(头像)接口功能?
eggjs 怎么实现上传图片(头像)接口功能?
328 0
eggjs 怎么实现上传图片(头像)接口功能?
从后台获取图片流(验证码)加载多次问题
从后台获取图片流(验证码)加载多次问题
从后台获取图片流(验证码)加载多次问题