Question

在UIWebView内部，我希望在用户点击网络上的图像时获取图像的html数据。

当我说html数据时，我指的是以下数据：

<img data-sz="f" name="QC6TSb_zoErN3M:" class="rg_i" alt="blahblah" jsaction="load:str.tbn" src="data:image/jpeg;base64,/9j/blahblah//9k=" style="width: 289px; height: 152px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">

就像您在PC网络浏览器上使用开发人员工具检查器所做的那样

（事实上，我需要的只是src=""部分，在上面的示例中是data:image/jpeg;base64,/9j/blahblah//9k=

我能够使用以下代码和for循环（循环i）废弃所有图像数据：

self.webView.stringByEvaluatingJavaScriptFromString("var images = document.getElementsByTagName('img');images[\(i)].src.toString();")!)

但是，上面的方法会废弃webView上的所有图像，因此当图像太多或者有大量按钮图像或广告时，它无法提供整洁的用户体验。

有没有办法获取用户触摸的图像数据？

任何想法都将受到赞赏。

提前致谢！

Answer 1

首先，请检查this answer out或this。

我也在寻找一种从UIWebView获取拍摄图像的方法，但最流行的方法

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType

没有帮助我，因为我只在网页视图中加载了html字符串，而不是NSURLRequest。

因此，如果您可以在加载网页视图之前更改网页HTML代码，则可以使用此功能：

1）将jquery-2.1.4.js（或最新）和myScripts.js文件添加到您的项目中，并将它们添加到您的html页面代码中：

NSURL* url = [[NSBundle mainBundle] URLForResource:@"jquery-2.1.4" withExtension:@"js"];
NSURL* url2 = [[NSBundle mainBundle] URLForResource:@"myScripts" withExtension:@"js"];

NSString *format = @"<script language=\"javascript\" type=\"text/javascript\" src=\"%@\"></script><script language=\"javascript\" type=\"text/javascript\" src=\"%@\"></script>%@";

NSString *htmlString = [NSString stringWithFormat:format, url, url2, yourBaseHtmlString];

//Load your html into webview 
[_webView loadHTMLString:htmlString baseURL:nil];

myScripts.js的内容：

$(function(){$('img').on('click', function( {
    $(this).addClass('selected')})
});

此代码添加了“已选择的”课程。点击图片

2）将代理人添加到您的控制器

<UIGestureRecognizerDelegate>

3）在viewDidLoad中，为uiwebview添加点击识别器：

UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tapGesture:)];
tap.numberOfTouchesRequired = 1;
tap.delegate = self;
[_webView addGestureRecognizer:tap];

4）添加tapGesture功能和委托方法

- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer
{
    return YES;
}

- (void)tapGesture:(UITapGestureRecognizer *)sender
{
    double delayInSeconds = 0.4;
    dispatch_time_t popTime = dispatch_time(DISPATCH_TIME_NOW, (int64_t)(delayInSeconds * NSEC_PER_SEC));
    dispatch_after(popTime, dispatch_get_main_queue(), ^(void){
        NSString *getByClassScript = @"String(document.getElementsByClassName('selected')[0].src)";
        NSString *src = [self.webView stringByEvaluatingJavaScriptFromString:getByClassScript];
        NSString *removeClassScript = @"$(\".selected\").removeClass();";
        [self.webView stringByEvaluatingJavaScriptFromString:removeClassScript];
        if (src.length > 0) {
            imageUrl = src;
            [self performSegueWithIdentifier:@"showImage" sender:nil];
        }
    });
}

此函数获取所选img标记的src并删除所选的＆＃39;来自所有img元素。我在这里使用延迟，因为js函数需要一点时间才能完成。

如何在iOS中的UIWebView内触摸获取图像数据

1 个答案: