iOS-获取UIWebView或者WKWebView页面的左右图片链接,点击查看大图

「爱情、让人受尽委屈。」 2022-05-31 05:40 202阅读 0赞

# 导入JS #

**\[objc\]**  [view plain][]   [copy][view plain]

1.  <span style="font-size:18px;">- (**void**)webViewDidFinishLoad:(**UIWebView** \*)webView\{  
2.      //这里是js，主要目的实现对url的获取 body  
3.      **static**  **NSString** \* **const** jsGetImages =  
4.      @"function getImages()\{\\ 
5.      var objs = document.querySelectorAll(\\"body img\\");\\  
6.      var imgScr = '';\\  
7.      **for**(var i=0;i<objs.length;i++)\{\\  
8.      imgScr = imgScr + objs\[i\].src + '+';\\  
9.      \};\\  
10.     **return** imgScr;\\  
11.     \};";  
12.       
13.     \[webView stringByEvaluatingJavaScriptFromString:jsGetImages\];//注入js方法  
14.     **NSString** \*urlResurlt = \[webView stringByEvaluatingJavaScriptFromString:@"getImages()"\];  
15.     NSLog(@"urlResurlt == %@",urlResurlt);  
16.     \[**self**.urlArray addObjectsFromArray:\[urlResurlt componentsSeparatedByString:@"+"\]\];  
17.     **if** (**self**.urlArray.count >= 2) \{  
18.         \[**self**.urlArray removeLastObject\];  
19.     \}  
20.     //urlResurlt 就是获取到得所有图片的url的拼接；mUrlArray就是所有Url的数组  
21.       
22.     //添加图片可点击js  
23.     \[webView stringByEvaluatingJavaScriptFromString:@"function registerImageClickAction()\{\\ 
24.      var imgs = document.querySelectorAll(\\"body img\\");\\  
25.      var length = imgs.length;\\  
26.      **for**(var i=0;i<length;i++)\{\\  
27.      img = imgs\[i\];\\  
28.      img.onclick=function()\{\\  
29.      window.location.href='image-preview:'\+this.src\}\\  
30.      \}\\  
31.      \}"\];  
32.     \[webView stringByEvaluatingJavaScriptFromString:@"registerImageClickAction();"\];  
33. \}</span>

# 获取点击链接 #

**\[objc\]**  [view plain][]   [copy][view plain]

1.  <span style="font-size:18px;">- (**BOOL**)webView:(**UIWebView** \*)webView shouldStartLoadWithRequest:(**NSURLRequest** \*)request navigationType:(UIWebViewNavigationType)navigationType\{  
2.      //预览图片  
3.      **if** (\[request.URL.scheme isEqualToString:@"image-preview"\]) \{  
4.          **NSString** \* imgUrl = \[request.URL.absoluteString substringFromIndex:\[@"image-preview:" length\]\];  
5.          \[imgUrl stringByAddingPercentEncodingWithAllowedCharacters:\[NSCharacterSet URLQueryAllowedCharacterSet\]\];  
6.          //path 就是被点击图片的url  
7.          \[**self** showSDPhotoBrowser:imgUrl\];  
8.          **return** **NO**;  
9.      \}  
10.     **return** **YES**;  
11. \}</span>

# 演示 #

![Center][]

[view plain]: http://blog.csdn.net/u014220518/article/details/64451180#
[Center]: /images/20220531/d86cc30297ec492eaa76cdfdfb87e651.png