oc 切换本地h5头像

oc 切换本地h5头像

Author: wsl2ls

ChinaDailyForiPad.xcodeproj/project.pbxproj

@@ -20,6 +20,7 @@
 		310D1C302074A86A00FF3CBE /* [email protected] in Resources */ = {isa = PBXBuildFile; fileRef = 310D1C2E2074A86A00FF3CBE /* [email protected] */; };
 		310D1C312074A86A00FF3CBE /* [email protected] in Resources */ = {isa = PBXBuildFile; fileRef = 310D1C2F2074A86A00FF3CBE /* [email protected] */; };
 		3120AD6D20BBF90800CDEE5A /* JStoOC.html in Resources */ = {isa = PBXBuildFile; fileRef = 3120AD6C20BBF90800CDEE5A /* JStoOC.html */; };
+		31C7E522223F7AC2005753A9 /* girl.png in Resources */ = {isa = PBXBuildFile; fileRef = 31C7E521223F7AC1005753A9 /* girl.png */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXContainerItemProxy section */
@@ -62,6 +63,7 @@
 		310D1C2E2074A86A00FF3CBE /* [email protected] */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "[email protected]"; sourceTree = "<group>"; };
 		310D1C2F2074A86A00FF3CBE /* [email protected] */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "[email protected]"; sourceTree = "<group>"; };
 		3120AD6C20BBF90800CDEE5A /* JStoOC.html */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.html; path = JStoOC.html; sourceTree = "<group>"; };
+		31C7E521223F7AC1005753A9 /* girl.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = girl.png; sourceTree = "<group>"; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -112,6 +114,7 @@
 		310D1BEE2074674600FF3CBE /* ChinaDailyForiPad */ = {
 			isa = PBXGroup;
 			children = (
+				31C7E521223F7AC1005753A9 /* girl.png */,
 				310D1C2E2074A86A00FF3CBE /* [email protected] */,
 				310D1C2F2074A86A00FF3CBE /* [email protected] */,
 				310D1C2A2074A83D00FF3CBE /* [email protected] */,
@@ -257,6 +260,7 @@
 			files = (
 				3120AD6D20BBF90800CDEE5A /* JStoOC.html in Resources */,
 				310D1BFC2074674600FF3CBE /* LaunchScreen.storyboard in Resources */,
+				31C7E522223F7AC2005753A9 /* girl.png in Resources */,
 				310D1C2D2074A83E00FF3CBE /* [email protected] in Resources */,
 				310D1BF92074674600FF3CBE /* Assets.xcassets in Resources */,
 				310D1C312074A86A00FF3CBE /* [email protected] in Resources */,

ChinaDailyForiPad.xcodeproj/project.xcworkspace/xcuserdata/wangshuanglong.xcuserdatad/UserInterfaceState.xcuserstate

@@ -20,11 +20,11 @@
             ignoreCount = "0"
             continueAfterRunningActions = "No"
             filePath = "ChinaDailyForiPad/ViewController.m"
-            timestampString = "550659703.837243"
+            timestampString = "574586182.598644"
             startingColumnNumber = "9223372036854775807"
             endingColumnNumber = "9223372036854775807"
-            startingLineNumber = "430"
-            endingLineNumber = "430"
+            startingLineNumber = "438"
+            endingLineNumber = "438"
             landmarkName = "-webView:runJavaScriptTextInputPanelWithPrompt:defaultText:initiatedByFrame:completionHandler:"
             landmarkType = "7">
          </BreakpointContent>
@@ -36,11 +36,11 @@
             ignoreCount = "0"
             continueAfterRunningActions = "No"
             filePath = "ChinaDailyForiPad/ViewController.m"
-            timestampString = "550659703.837772"
+            timestampString = "574586182.59914"
             startingColumnNumber = "9223372036854775807"
             endingColumnNumber = "9223372036854775807"
-            startingLineNumber = "441"
-            endingLineNumber = "441"
+            startingLineNumber = "449"
+            endingLineNumber = "449"
             landmarkName = "-webView:createWebViewWithConfiguration:forNavigationAction:windowFeatures:"
             landmarkType = "7">
          </BreakpointContent>

ChinaDailyForiPad.xcodeproj/xcuserdata/wangshuanglong.xcuserdatad/xcdebugger/Breakpoints_v2.xcbkptlist

@@ -18,7 +18,7 @@
     <h2 style="text-align:center">Welcome To You</h2>
 
     <!--        图片-->
-    <p style="text-align:center"> <img src="https://upload.jianshu.io/users/upload_avatars/1708447/fe2c67e7-25f7-4e2e-a321-a5d517c124aa.jpeg?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240" width="128" height="128" align="middle" onclick="clickImage();" /> </p>
+    <p style="text-align:center"> <img src="https://upload.jianshu.io/users/upload_avatars/1708447/fe2c67e7-25f7-4e2e-a321-a5d517c124aa.jpeg?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240"  id= "pictureId" width="128" height="128" align="middle" onclick="clickImage();" /> </p>
 
     <p style="text-align: center ;background-color: #e6b500"> 且行且珍惜_iOS </p>
 
@@ -54,10 +54,10 @@ <h2 style="text-align:center">Welcome To You</h2>
     <!--        JS语法-->
     <script type = "text/javascript">
 
-        function jsToOcFunction1()
-        {
-            window.webkit.messageHandlers.jsToOcNoPrams.postMessage({});
-        }
+    function jsToOcFunction1()
+    {
+       window.webkit.messageHandlers.jsToOcNoPrams.postMessage({});
+    }
 
     function jsToOcFunction2()
     {
@@ -72,7 +72,7 @@ <h2 style="text-align:center">Welcome To You</h2>
     //图片点击事件
     function clickImage()
     {
-        alert("欢迎你关注我！");
+        alert("欢迎你关注我！点击了图片");
     }
 
     //OC调用JS改变背景色
@@ -90,6 +90,12 @@ <h2 style="text-align:center">Welcome To You</h2>
         return "rgb("+r+','+g+','+b+")";//所有方法的拼接都可以用ES6新特性`其他字符串{$变量名}`替换
     }
 
+    // 切换图片
+    function changePicture(id, path) {
+        var image = document.getElementById(id);
+        image.src = path;
+    }
+    
     </script>
 
 </body>

ChinaDailyForiPad/JStoOC.html

@@ -140,7 +140,9 @@ - (void)refreshAction:(id)sender{
 
 - (void)ocToJs{
 
-    //OC调用JS  changeColor()是JS方法名，completionHandler是异步回调block
+    //OC调用JS
+    
+    //changeColor()是JS方法名，completionHandler是异步回调block
     NSString *jsString = [NSString stringWithFormat:@"changeColor('%@')", @"Js参数"];
     [_webView evaluateJavaScript:jsString completionHandler:^(id _Nullable data, NSError * _Nullable error) {
         NSLog(@"改变HTML的背景色");
@@ -150,6 +152,12 @@ - (void)ocToJs{
     NSString *jsFont = [NSString stringWithFormat:@"document.getElementsByTagName('body')[0].style.webkitTextSizeAdjust= '%d%%'", arc4random()%99 + 100];
     [_webView evaluateJavaScript:jsFont completionHandler:nil];
 
+    NSString * path =  [[NSBundle mainBundle] pathForResource:@"girl" ofType:@"png"];
+    NSString *jsPicture = [NSString stringWithFormat:@"changePicture('%@','%@')", @"pictureId",path];
+    [_webView evaluateJavaScript:jsPicture completionHandler:^(id _Nullable data, NSError * _Nullable error) {
+        NSLog(@"切换本地头像");
+    }];
+    
 }
 
 #pragma mark -- Getter