获取UIWebVIew里的图片的demo

在iOS开发中，UIWebView是用于展示网页内容的重要组件，它可以加载HTML、CSS以及JavaScript代码。在某些场景下，我们可能需要从加载的网页中获取图片资源，例如用户上传的图片或者网页中显示的背景图。这篇教程将详细介绍如何在Objective-C中实现“获取UIWebView里的图片”的操作。 我们要明白UIWebView与JavaScript的交互机制。UIWebView提供了一个名为`stringByEvaluatingJavaScriptFromString:`的方法，允许我们在Objective-C代码中执行JavaScript代码，从而获取网页中的信息。在这个例子中，我们需要获取图片的URL或数据，可以利用JavaScript来遍历DOM树，找到图片元素（`<img>`标签）并提取其`src`属性。 在描述中提到的博客链接（http://blog.csdn.net/hursing/article/details/12868109）可能详细介绍了这个过程，但在这里我会简要概括一下关键步骤： 1. **加载网页**：你需要使用`loadRequest:`方法加载一个NSURLRequest对象，该对象指向要加载的网页URL。 ```objc NSURL *url = [NSURL URLWithString:@"http://example.com"]; NSURLRequest *request = [NSURLRequest requestWithURL:url]; [webView loadRequest:request]; ``` 2. **等待网页加载完成**：在UIWebView的代理方法`webViewDidFinishLoad:`中，你可以确认网页已经加载完成。这是执行JavaScript获取图片的好时机。 ```objc - (void)webViewDidFinishLoad:(UIWebView *)webView { // 这里执行JavaScript代码 } ``` 3. **编写JavaScript**：创建一个JavaScript函数，遍历所有`<img>`标签，收集它们的`src`属性。例如： ```javascript function getImageSources() { var images = document.getElementsByTagName('img'); var sources = []; for (var i = 0; i < images.length; i++) { sources.push(images[i].src); } return sources; } ``` 4. **执行JavaScript并获取结果**：使用`stringByEvaluatingJavaScriptFromString:`执行上面的JavaScript函数，并将结果保存到Objective-C变量中。 ```objc NSString *jsCode = @"getImageSources();"; NSArray *imageSources = [webView stringByEvaluatingJavaScriptFromString:jsCode]; ``` 5. **处理图片源**：现在，`imageSources`数组包含了网页中所有图片的URL。对于每个URL，你可以选择下载图片或者直接在本地使用`NSData`对象加载。 ```objc for (NSString *imageUrl in imageSources) { NSURL *imageURL = [NSURL URLWithString:imageUrl]; NSData *imageData = [NSData dataWithContentsOfURL:imageURL]; UIImage *image = [UIImage imageWithData:imageData]; // 使用图片 } ``` 关于标签中的“canvas”，在某些情况下，图片可能存储在HTML5的Canvas元素内。这时，需要通过JavaScript的`toDataURL()`方法将Canvas转换为图片的Base64编码，然后再传递给Objective-C进行处理。 至于“javascript”，它是实现这一功能的关键，因为我们需要通过JavaScript来访问网页的DOM结构并获取图片信息。 在提供的压缩包文件“ImageLabelSrc”中，可能包含了一些示例代码或图片资源，你可以结合这些资源进行实际操作和学习。在实际项目中，还需要考虑网络状况、错误处理、性能优化等方面的问题，确保代码的稳定性和用户体验。