您的位置：首页 > 移动开发

iOS UIWebView 中 js调用OC 打开相册获取图片， OC调用js 将图片加载到html上

2015-12-01 15:32 465 查看

线上html

<!DOCTYPE html>
<html>
<head>
<title>HTML中用JS调用OC方法</title>
<style>

#div1 {
background-color:#ccc;
width:100px;
height:100px;
position:absolute;
top:400px
}

</style>

<meta http-equiv="Content-Type"content="text/html; charset=UTF-8">
<script>

function getImg(url) {

var oDiv = document.getElementById("div1");
var oImg = document.getElementById("img1");

oImg.src = url;

}

</script>
</head>
<body>

<p id="div1">
<img id="img1" src="" height="200" width="200" />
</p>

<br/>

<a href='ios://openMyAlbum'>打开相册</a><br><br/>

</body>

</html>

在oc中

//
//  ViewController.m
//
//  Created by Hwangkop on 15/11/30.
//  Copyright © 2015年 Hp. All rights reserved.
//

#import "ViewController.h"
#import <AVFoundation/AVFoundation.h>

@interface ViewController () <UIWebViewDelegate, UINavigationControllerDelegate, UIImagePickerControllerDelegate>
{

UIWebView *_webView;
}

@end

@implementation ViewController

- (void)viewDidLoad {
[super viewDidLoad];

_webView = [[UIWebView alloc] initWithFrame:self.view.bounds];
[self.view addSubview:_webView];

NSString *path = [[NSBundle mainBundle] bundlePath];
NSURL *baseURL = [NSURL fileURLWithPath:path];
NSString * htmlPath = [[NSBundle mainBundle] pathForResource:@"index"
ofType:@"html"];
NSString * htmlCont = [NSString stringWithContentsOfFile:htmlPath
encoding:NSUTF8StringEncoding
error:nil];
[_webView loadHTMLString:htmlCont baseURL:baseURL];

_webView.delegate   = self;

}

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

{

//通过url获取 js方法在oc中实现该方法
NSString *urlstr = request.URL.absoluteString;

NSRange range = [urlstr rangeOfString:@"ios://"];

if (range.length!=0) {

NSString *method = [urlstr substringFromIndex:(range.location+range.length)];

SEL selctor = NSSelectorFromString(method);

[self performSelector:selctor withObject:nil];
}

return YES;

}

//要实现的方法
-(void)openMyAlbum {

UIImagePickerController *vc = [[UIImagePickerController alloc] init];
vc.delegate = self;
vc.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;

[self presentViewController:vc animated:YES completion:nil];

}

- (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary<NSString *,id> *)info {

UIImage *image = [info  objectForKey:UIImagePickerControllerOriginalImage];

NSArray *paths = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory,NSUserDomainMask, YES);
NSString *filePath = [[paths objectAtIndex:0] stringByAppendingPathComponent:[NSString stringWithFormat:@"pic_100.png"]];   // 保存
[UIImagePNGRepresentation(image)writeToFile: filePath    atomically:YES];

[picker dismissViewControllerAnimated:YES completion:^{

//        NSLog(@"%@", filePath);
// oc 调用js 并且传递图片路径参数
[_webView stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"getImg('%@')", filePath]];
}];
}

@end

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

iOS UIWebView 中 js调用OC 打开相册 获取图片， OC调用js 将图片加载到html上

iOS UIWebView 中 js调用OC 打开相册获取图片， OC调用js 将图片加载到html上