獲取webview中的圖片鏈接

項目中用到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內容判斷類型,用新視圖加載顯示,做各種放大縮小分享等操作了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章