获取webview中的图片链接_rn webview 图片链接-优快云博客

本文链接：https://blog.youkuaiyun.com/hwak_07/article/details/17680985

本文介绍如何在iOS应用中使用WebView加载服务器输出的页面，并通过手势识别实现图片放大展示的功能。具体实现了点击图片时获取其链接并进行后续操作的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目中用到webview加载服务器输出的页面内容，其中的图片需要放大展示。

使用手势识别，配合执行js代码的能力，如下代码可以实现获取图片的链接：

在.h文件中添加UIGestureRecognizerDelegate

@interface DetailViewController : UIViewController <UIWebViewDelegate, UIGestureRecognizerDelegate>  {
    MBProgressHUD *HUD;
    BOOL isLoaded;  //是否已加载完成
}

在.m的viewDidLoad中添加

//添加点击识别，识别webview中的图片
UITapGestureRecognizer *gs = [[UITapGestureRecognizer alloc] init];
gs.numberOfTapsRequired = 1;
gs.delegate = self;
[self.view addGestureRecognizer:gs];

然后实现delegate事件，会实时获取点击的元素的src。

-(BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldReceiveTouch:(UITouch *)touch {
    NSLog(@"TAPPED");
    //Touch gestures below top bar should not make the page turn.
    //EDITED Check for only Tap here instead.
    if ([gestureRecognizer isKindOfClass:[UITapGestureRecognizer class]]) {
        CGPoint touchPoint = [touch locationInView:self.view];
        
        if(self.interfaceOrientation==UIInterfaceOrientationPortrait||self.interfaceOrientation==UIInterfaceOrientationPortraitUpsideDown) {
            NSString *imgURL = [NSString stringWithFormat:@"document.elementFromPoint(%f, %f).src", touchPoint.x, touchPoint.y];
            NSString *urlToSave = [self.detailWebView stringByEvaluatingJavaScriptFromString:imgURL];
            NSLog(@"urlToSave :%@",urlToSave);
        }
    }
    return YES;
}

获取到以后，我们就可以根据url内容判断类型，用新视图加载显示，做各种放大缩小分享等操作了。