WKWebview缓存图片

#pragma mark - WKWebviewDelegate
- (void)webView:(WKWebView *)webView decidePolicyForNavigationResponse:(WKNavigationResponse *)navigationResponse decisionHandler:(void (^)(WKNavigationResponsePolicy))decisionHandler
{

    NSString *htmlStr = [Util changeImgSrc:[webView.URL absoluteString]];
//    WLog(@"html == %@", htmlStr);
    // 读取本地JS文件，把JS加到最后面
    NSString *jsPath = [[NSBundle mainBundle] pathForResource:@"DetalJavascript" ofType:@"html"];
    NSString *jsHtml = [NSString stringWithContentsOfFile:jsPath encoding:NSUTF8StringEncoding error:nil];
    htmlStr = [htmlStr stringByAppendingString:[NSString stringWithFormat:@"\n%@", jsHtml]];
    WLog(@"%@", htmlStr);
        NSString *docPath = [NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES) firstObject];
    //    [NSKeyedArchiver archiveRootObject:htmlStr toFile:[NSString stringWithFormat:@"%@/index.html", docPath]];
        [webView loadHTMLString:htmlStr baseURL:[NSURL fileURLWithPath:[NSString stringWithFormat:@"%@", docPath]]];
//    [webView loadHTMLString:htmlStr baseURL:[NSURL fileURLWithPath:@"/"]];

    //            [webView loadHTMLString:htmlStr baseURL:nil];

    decisionHandler(WKNavigationResponsePolicyAllow);
}


#pragma mark - 图片下载完成通知
-(void)imageDownloadSuccess:(NSNotification *)notify{
    NSString *imgPath = [NSString stringWithFormat:@"%@",notify.object];
     imgPath = [NSString stringWithFormat:@"�file://%@", imgPath];
    NSString *imgName = [imgPath lastPathComponent];
    if (imgPath) {
        [self.bridge callHandler:@"imagesDownloadCompleteHandler" data:@[imgName,imgPath] responseCallback:^(id responseData) {
            
            NSLog(@"调用完JS后的回调：%@",responseData);
        }];

    }
}

JS文件:

<script language="javascript">

// 以下是固定写法，你自己的JS文件中必须包含如下代码
function setupWebViewJavascriptBridge(callback) {
    if (window.WebViewJavascriptBridge) { return callback(WebViewJavascriptBridge); }
    if (window.WVJBCallbacks) { return window.WVJBCallbacks.push(callback); }
    window.WVJBCallbacks = [callback];
    var WVJBIframe = document.createElement('iframe');
    WVJBIframe.style.display = 'none';
    WVJBIframe.src = 'https://__bridge_loaded__';
    document.documentElement.appendChild(WVJBIframe);
    setTimeout(function() { document.documentElement.removeChild(WVJBIframe) }, 0)
}

// 注册相关的回调
setupWebViewJavascriptBridge(function(bridge) {

    /* Initialize your app here */

    //这句代码是注册一个名为'JS Echo'的方法,data是参数,responseCallback是返回,相当于return,供APP端调用
    bridge.registerHandler('JS Echo', function(data, responseCallback) {
        console.log("JS Echo called with:", data)
        responseCallback(data)
    })

    bridge.registerHandler('imagesDownloadCompleteHandler', function(data,responseCallback) {


        var imgName = data[0];
        var imgPath = data[1];
          //读取未替换的图片
        var imgs = document.getElementsByTagName('img');
        if (imgs) {
          for (var i = 0, j = imgs.length; i < j; i++) {
                if (imgs[i].src.indexOf(imgName) >= 0) {
                    imgs[i].src = imgPath;
                }
            }
        }
    })
    //调用APP端原生的方法,方法名为'ObjC Echo',responseData是JS端接收到的返回值.
    bridge.callHandler('ObjC Echo', 传入的参数 , function responseCallback(responseData) {
        console.log("JS received response:", responseData)
     })

})





</script>

工具类:


#import "Util.h"
#import <AFNetworking/AFNetworking.h>
#import <CommonCrypto/CommonDigest.h>
#import "UIImageView+AFNetworking.h"

@implementation Util

+ (Util *)shareTool
{
    static Util *tool;
    static dispatch_once_t onceToken;
    dispatch_once(&onceToken, ^{
      tool = [[Util alloc] init];
    });
    return tool;
}

- (NSString *)token
{
    if (nil == _token)
    {
        _token = [NSString stringWithFormat:@"%@", [NSKeyedUnarchiver unarchiveObjectWithFile:kUserTokenFile]];
    }
    return _token;
}

- (void)downloadImageWithUrl:(NSString *)src
{
    // 注意：这里并没有写专门下载图片的代码，就直接使用了AFN的扩展，只是为了省麻烦而已。
    UIImageView *imgView = [[UIImageView alloc] init];
    NSURLRequest *request = [NSURLRequest requestWithURL:[NSURL URLWithString:src]];

    [imgView setImageWithURLRequest:request
        placeholderImage:nil
        success:^(NSURLRequest *_Nonnull request, NSHTTPURLResponse *_Nullable response, UIImage *_Nonnull image) {
          NSData *data = UIImagePNGRepresentation(image);
          NSString *docPath = [NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES) firstObject];
          NSString *localPath = [docPath stringByAppendingPathComponent:[self md5:src]];
          NSString *extension = [src pathExtension];
          localPath = [localPath stringByAppendingString:[NSString stringWithFormat:@".%@", extension]];

          if (![data writeToFile:localPath atomically:NO])
          {
              WLog(@"写入本地失败：%@", src);
          }
          else
          {
              [kNotificationCenter postNotificationName:kDownloadImageSuccessNotify object:localPath];
          }
        }
        failure:^(NSURLRequest *_Nonnull request, NSHTTPURLResponse *_Nullable response, NSError *_Nonnull error) {
          WLog(@"download image url fail: %@", src);
        }];

    if (self.imageViews == nil)
    {
        self.imageViews = [[NSMutableArray alloc] init];
    }
    [self.imageViews addObject:imgView];
}

- (NSString *)md5:(NSString *)sourceContent
{
    if (self == nil || [sourceContent length] == 0)
    {
        return nil;
    }

    unsigned char digest[CC_MD5_DIGEST_LENGTH], i;
    CC_MD5([sourceContent UTF8String], (int)[sourceContent lengthOfBytesUsingEncoding:NSUTF8StringEncoding], digest);
    NSMutableString *ms = [NSMutableString string];

    for (i = 0; i < CC_MD5_DIGEST_LENGTH; i++)
    {
        [ms appendFormat:@"%02x", (int)(digest[i])];
    }

    return [ms copy];
}

/**
 修改HTML里的<IMG src>

 @param urlStr 原始链接
 @return 修改之后的HTMLString
 */
+ (NSString *)changeImgSrc:(NSString *)urlStr
{
    NSString *htmlStr = [[NSString alloc] initWithContentsOfURL:[NSURL URLWithString:urlStr] encoding:NSUTF8StringEncoding error:nil];
    NSRegularExpression *regex = [NSRegularExpression regularExpressionWithPattern:@"<img[^>]+src\\s*=\\s*['\"]([^'\"]+)['\"][^>]*>" options:NSRegularExpressionAllowCommentsAndWhitespace error:nil];
    NSArray *result = [regex matchesInString:htmlStr options:NSMatchingReportCompletion range:NSMakeRange(0, htmlStr.length)];

    NSMutableDictionary *urlDicts = [[NSMutableDictionary alloc] init];
    NSString *docPath = [NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES) firstObject];

    [result enumerateObjectsUsingBlock:^(id _Nonnull obj, NSUInteger idx, BOOL *_Nonnull stop) {
      NSTextCheckingResult *item = (NSTextCheckingResult *)obj;
      NSString *imgHtml = [htmlStr substringWithRange:[item rangeAtIndex:0]];

      NSArray *tmpArray = nil;
      if ([imgHtml rangeOfString:@"src=\""].location != NSNotFound)
      {
          tmpArray = [imgHtml componentsSeparatedByString:@"src=\""];
      }
      else if ([imgHtml rangeOfString:@"src="].location != NSNotFound)
      {
          tmpArray = [imgHtml componentsSeparatedByString:@"src="];
      }

      if (tmpArray.count >= 2)
      {
          NSString *src = tmpArray[1];

          NSUInteger loc = [src rangeOfString:@"\""].location;
          if (loc != NSNotFound)
          {
              src = [src substringToIndex:loc];

              WLog(@"正确解析出来的SRC为：%@", src);
              if (src.length > 0)
              {
                  NSString *extension = [src pathExtension];
                  NSString *localPath = [docPath stringByAppendingPathComponent:[[self shareTool] md5:src]];
                  localPath = [localPath stringByAppendingString:[NSString stringWithFormat:@".%@", extension]];
                  localPath = [NSString stringWithFormat:@"�file://%@", localPath];

                  // 先将链接取个本地名字，且获取完整路径
                  [urlDicts setObject:localPath forKey:src];
              }
          }
      }
    }];

    // 遍历所有的URL，替换成本地的URL，并异步获取图片
    for (NSString *src in urlDicts.allKeys)
    {
        NSString *localPath = [urlDicts objectForKey:src];
        htmlStr = [htmlStr stringByReplacingOccurrencesOfString:src withString:localPath];

        localPath = [localPath stringByReplacingOccurrencesOfString:@"file://" withString:@""];
        // 如果已经缓存过，就不需要重复加载了。
                if (![[NSFileManager defaultManager] fileExistsAtPath:localPath]) {
        
            [[self shareTool] downloadImageWithUrl:src];
        }
        
    }
    return htmlStr;
    
}


@end
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 204,732评论 6赞 478
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 87,496评论 2赞 381
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 151,264评论 0赞 338
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 54,807评论 1赞 277
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 63,806评论 5赞 368
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 48,675评论 1赞 281
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 38,029评论 3赞 399
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 36,683评论 0赞 258
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 41,704评论 1赞 299
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,666评论 2赞 321
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,773评论 1赞 332
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 33,413评论 4赞 321
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 39,016评论 3赞 307
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,978评论 0赞 19
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,204评论 1赞 260
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 45,083评论 2赞 350
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 42,503评论 2赞 343

推荐阅读更多精彩内容