[IOS]Uiwebview+js交互 之图片点击事件

刚参加工作的时候,在csdn上写过类似的文章,今天维护代码,觉得还是有一点价值的,特来分享一下,大家多拍砖。

111.gif

step1:准备js文件


functionsetImageClickFunction(){

varimgs = document.getElementsByTagName("img");

for(vari=0;i

varsrc = imgs[i].src;

imgs[i].setAttribute("onClick","getImg(src)");

}

document.location = imageurls;}

functiongetImg(src){

varurl=src;

document.location = url;

}

这段js代码的作用是遍历网页源码中“img” 节点,并为每个节点添加一个事件。

- (void)viewDidLoad {
[superviewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
UIWebView*web=[[UIWebViewalloc]initWithFrame:self.view.frame];
[self.viewaddSubview:web];
web.delegate=self;
[webstringByEvaluatingJavaScriptFromString:[NSStringstringWithContentsOfURL:[[NSBundlemainBundle]URLForResource:@"Findimg"withExtension:@"js"]encoding:NSUTF8StringEncodingerror:nil]];
[webloadRequest:[NSURLRequestrequestWithURL:[NSURLURLWithString:@"http://www.jianshu.com/p/316631f145d6"]]];
}
-(void)webViewDidFinishLoad:(UIWebView*)webView
{
[webViewstringByEvaluatingJavaScriptFromString:@"setImageClickFunction()"];
}
-(BOOL)webView:(UIWebView*)webView shouldStartLoadWithRequest:(NSURLRequest*)request navigationType:(UIWebViewNavigationType)navigationType
{
NSString*path=[[requestURL]absoluteString];
NSLog(@"%@",path);
if([pathrangeOfString:@"jpg"].location!=NSNotFound)//添加关键字进行是否跳转的筛选
{
ImgShowViewController* img=[[ImgShowViewControlleralloc]init];
img.imgUrl=path;
[selfpresentViewController:imganimated:YEScompletion:nil];
return NO;
}
else
{
return YES;
}
}

让webview加载定义好的js文件 在完成的时候,stringByEvaluatingJavaScriptFromString方法嵌入页面中

最后用于得到uiwebview所有的链接,yes no 决定是否跳转,判断条件可以用jpg,png后缀做判断

这样在Uiwebview中点击图片,会得到图片的url之后就交给你了~~

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 刚参加工作的时候,在csdn上写过类似的文章,今天维护代码,觉得还是有一点点价值的,特来分享一下,大家多拍砖。 准...
    KKKKaras阅读 3,003评论 8 17
  • 一、简介 近两年随着HTML5的迅速发展与日趋成熟,越来越多的移动开发者选择使用HTML5来进行混合开发,不仅节约...
    RainyGY阅读 1,909评论 1 12
  • iOS开发系列--网络开发 概览 大部分应用程序都或多或少会牵扯到网络开发,例如说新浪微博、微信等,这些应用本身可...
    lichengjin阅读 3,721评论 2 7
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,455评论 25 708
  • 一、简介 近两年随着HTML5的迅速发展与日趋成熟,越来越多的移动开发者选择使用HTML5来进行混合开发,不...
    宝宝teacher阅读 2,372评论 3 15