iOS Webview使用js获取图url,实现图片浏览的功能

#import "ViewController.h"

@interface ViewController ()<UIWebViewDelegate>

@end

@implementation ViewController{
    
    UIWebView *mWebView;
    NSMutableArray *mUrlArray;
}

- (void)viewDidLoad {
    [super viewDidLoad];
    
    [self setupWebViewInitSetting];
}

#pragma mark ***初始化WebView***
- (void)setupWebViewInitSetting{
    
    mWebView = [[UIWebView alloc]initWithFrame:self.view.bounds];
    mWebView.delegate = self;
    
    [mWebView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://www.crnews.net/phone/jrgz/74960_20170927040416.html"]]];
    [self.view addSubview:mWebView];
}

- (void)webViewDidFinishLoad:(UIWebView *)webView {
//    [IDProgressHUD IDPlaceViewHideDirect:self.view];
    
    //这里是js，主要目的实现对url的获取
    static  NSString * const jsGetImages =
    @"function getImages(){\
    var objs = document.getElementsByTagName(\"img\");\
    var imgScr = '';\
    for(var i=0;i<objs.length;i++){\
    imgScr = imgScr + objs[i].src + '+';\
    };\
    return imgScr;\
    };";
    
    [webView stringByEvaluatingJavaScriptFromString:jsGetImages];//注入js方法
    NSString *urlResurlt = [webView stringByEvaluatingJavaScriptFromString:@"getImages()"];
    mUrlArray = [NSMutableArray arrayWithArray:[urlResurlt componentsSeparatedByString:@"+"]];
    if (mUrlArray.count >= 2) {
        [mUrlArray removeLastObject];
    }
    //urlResurlt 就是获取到得所有图片的url的拼接；mUrlArray就是所有Url的数组
    
    //添加图片可点击js
    [mWebView stringByEvaluatingJavaScriptFromString:@"function registerImageClickAction(){\
     var imgs=document.getElementsByTagName('img');\
     var length=imgs.length;\
     for(var i=0;i<length;i++){\
     img=imgs[i];\
     img.onclick=function(){\
     window.location.href='image-preview:'+this.src}\
     }\
     }"];
    [mWebView stringByEvaluatingJavaScriptFromString:@"registerImageClickAction();"];
}

//在这个方法中捕获到图片的点击事件和被点击图片的url
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {
    
    //预览图片
    if ([request.URL.scheme isEqualToString:@"image-preview"]) {
        NSString* path = [request.URL.absoluteString substringFromIndex:[@"image-preview:" length]];
//        path = [path stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding];
        
        path = [path stringByAddingPercentEncodingWithAllowedCharacters:[NSCharacterSet URLQueryAllowedCharacterSet]];
       
        NSLog(@"======URL:%@",path);
        
        //path 就是被点击图片的url
        return NO;
    }
    return YES;
}

 

转载于:https://my.oschina.net/Kuture/blog/1549191