关键代码

window.location.href = 'tg:///openCamera'

css

 body{

 }

 img{

     width:100%;

 }

 #mainTitle{

     text-align:center;

     font-size:20px;

     margin-top:20px;

     margin-bottom:8px;

 }

 #subTitle{

     text-align:left;

     font-size:12px;

     color:gray;

 }

 .time{

     margin-right:10px;

     margin-bottom:8px;

 }

 .all-img{

     text-align:center;

     font-size:14px;

     color:gray;

     margin:8px 0;

 }

js

 window.onload = function(){

     var allImg = document.getElementsByTagName("img");

     for(var i=0; i<allImg.length; i++){

         var img = allImg[i];

         img.id = i;

         img.onclick = function(){

             window.location.href = 'tg:///openCamera'

         }

     }

     var img = document.createElement('img');

     img.style.cssText = "width:50%";

     img.src = 'https://avatars0.githubusercontent.com/u/22094559?v=3&s=460';

     document.body.appendChild(img);

 }

swift

 //

 //  ViewController.swift

 //  JSInSwiftDemo

 //

 //  Created by targetcloud on 2016/12/13.

 //  Copyright © 2016年 targetcloud. All rights reserved.

 //

 import UIKit

 class ViewController: UIViewController {

     @IBOutlet weak var webview: UIWebView!

     override func viewDidLoad() {

         super.viewDidLoad()

         let url = URL(string: "http://c.m.163.com/nc/article/C85G09IV000189FH/full.html")

         let request = URLRequest(url: url!)

         let dataTask = URLSession.shared.dataTask(with: request, completionHandler: { (data, response, error) in

             if(error == nil){

                 let jsonData = try? JSONSerialization.jsonObject(with: data!, options: JSONSerialization.ReadingOptions.allowFragments) as! [String:Any]

                 self.dealNewsDetail(jsonData!)

             }

         })

         dataTask.resume()

     }

     func dealNewsDetail(_ jsonData: [String:Any])  {

         guard let allData = jsonData["C85G09IV000189FH"] as? [String:Any] else {return}

         var bodyHtml = allData["body"] as! String

         let title = allData["title"] as! String

         let ptime = allData["ptime"] as! String

         let source = allData["source"]  as! String

         let imgArr = allData["img"] as! [[String: Any]]

         for i in ..<imgArr.count{

             let imgItem = imgArr[i]

             let ref = imgItem["ref"] as! String

             let imgTitle = imgItem["alt"] as! String

             let src = imgItem["src"] as! String

             let imgHtml = "<div class=\"all-img\"><img src=\"\(src)\"><div>\(imgTitle)</div></div>"

             bodyHtml = bodyHtml.replacingOccurrences(of: ref, with: imgHtml)

         }

         let titleHtml = "<div id=\"mainTitle\">\(title)</div>"

         let subTitleHtml = "<div id=\"subTitle\"><span>\(source)</span><span class=\"time\">\(ptime)</span></div>"

         let css = Bundle.main.url(forResource: "democss", withExtension: "css")

         let cssHtml = "<link href=\"\(css!)\" rel=\"stylesheet\">"

         let js = Bundle.main.url(forResource: "demojs", withExtension: "js")

         let jsHtml = "<script src=\"\(js!)\"></script>"

         let html = "<html><head>\(cssHtml)</head><body>\(titleHtml)\(subTitleHtml)\(bodyHtml)\(jsHtml)</body></html>"

         webview.loadHTMLString(html, baseURL: nil)

     }

     func webView(_ webView: UIWebView, shouldStartLoadWith request: URLRequest, navigationType: UIWebViewNavigationType) -> Bool {

         let requestString: NSString = (request.url?.absoluteString)! as NSString

         let range = requestString.range(of: "tg:///")

         let location = range.location

         if(location != NSNotFound){

             let method = requestString.substring(from: range.length)

             let sel = NSSelectorFromString(method)

             self.perform(sel)

         }

         return true

     }

     func openCamera() {

         let photoVC = UIImagePickerController()

         photoVC.sourceType = UIImagePickerControllerSourceType.photoLibrary

         self.present(photoVC, animated: true, completion: nil)

     }

 }

注意工程的info.plist中加ATS及Privacy - Photo Library Usage Description

运行效果如下：

图1 是info.plist配置及运行效果，动态用 img数组替换新闻主体中的<!--IMG#0-->等占位

图2是从自己在HTML文件中插入自己图片的效果

图3是从charles中分析的结构

完整的DEMO 代码地址见github

https://github.com/targetcloud

js调用swift相册DEMO(网易新闻)的更多相关文章

  1. Cordova - 与iOS原生代码交互1（通过JS调用Swift方法）

    在前面的文章中介绍的了如何使用Cordova进行跨平台应用的开发,使用Cordova的话基本上就不需要在写系统原生代码了,只要通过编写html页面和js方法即可. 但在有些特殊情况下,还是是需要htm ...

  2. iOS学习之网易新闻简易Demo

    简易NewsDemo代码分析 界面布局就不多说了.效果图:(自定义了三套Cell,最后一套Cell是页面最下方的"正在加载中..."Cell,图三.)         主要分析工程 ...

  3. Android调用系统相册和拍照的Demo

    最近我在群里看到有好几个人在交流说现在网上的一些Android调用系统相册和拍照的demo都有bug,有问题,没有一个完整的.确实是,我记得一个月前,我一同学也遇到了这样的问题,在低版本的系统中没问题 ...

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

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

  5. Swift—调用系统相册和相机

    p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 24.0px Menlo; color: #000000 } p.p2 { margin: 0.0px 0. ...

  6. IE浏览器中使用js调用cmd命令行demo

    <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="C ...

  7. 【转】 iOS开发 剖析网易新闻标签栏视图切换(addChildViewController属性介绍)

    原文:http://blog.csdn.net/hmt20130412/article/details/34523235 本来只是打算介绍一下addChildViewController这个方法的,正 ...

  8. 基于VUE,VUX组件开发的网易新闻页面搭建过程

    根据妙味课堂上的一个教程练习总结,供自己复习用 一.功能介绍 一个网易新闻客户端的浏览页面,通过网易新闻的api接口实时获取新闻数据,用vux搭建样式框架,以轮播图,文字滚动,图文列表等形式把内容展示 ...

  9. iOS开发 剖析网易新闻标签栏视图切换(addChildViewController属性介绍)

    本文转载至 http://www.tuicool.com/articles/3ymMzub CSDN博客原文  http://blog.csdn.net/hmt20130412/article/det ...

随机推荐

  1. Android中自定义ActionBar的背景色等样式style

    Android中想要去自定义ActionBar的背景色等样式. [折腾过程] 1.自己找代码,发现对应的配置的地方了: AndroidManifest.xml ? 1 2 <applicatio ...

  2. iOS应用性能调优的25个建议和技巧【转】

    转载自:http://blog.jobbole.com/37984/ 首页 最新文章 资讯 程序员 设计 IT技术 创业 在国外 营销 趣文 特别分享 更多 > - Navigation -  ...

  3. 安装软件配置VC++环境时常出现的问题--Error 1935.安装程序集

    装很多软件是都要配置VC++环境的,但由于系统注册表限制,很多时候软件安装过程中会报如下错误 安装 vc++2005 运行库 Error 1935.安装程序集 Microsoft.vc80.atl,t ...

  4. hadoop 2.6.0上安装sqoop-1.99.6-bin-hadoop200

    第一步:下载sqoop-1.99.6-bin-hadoop200.tar.gz  地址:http://www.eu.apache.org/dist/sqoop/1.99.6/ 第二步:将下载好的sqo ...

  5. oc随笔二：组合、继承

    在oc中如果没有使用ARC的话,手动管理内存一定要注意处理好“野指针”,通常我们在释放指针的指向的地址时,都要将指针赋值为nil,这样能有效的防止野指针.常用的关键字:retain.assign .s ...

  6. 洛谷 P1830 轰炸Ⅲ

    P1830 轰炸Ⅲ 题目提供者wanglichao1121 标签模拟矩阵洛谷原创 难度普及/提高- 题目背景 一个大小为N*M的城市遭到了X次轰炸,每次都炸了一个每条边都与边界平行的矩形. 题目描述 ...

  7. java基础知识3

    58.线程的基本概念.线程的基本状态以及状态之间的关系线程指在程序执行过程中,能够执行程序代码的一个执行单位,每个程序至少都有一个线程,也就是程序本身.Java中的线程有四种状态分别是:运行.就绪.挂 ...

  8. Js与flash交互：在html页面中用js与MyReport插件交互

    Html页面与flash的加载 如下图,flash是html页面的一个插件节点. js与flash进行交互,首先要处理好html页面和swf的加载问题. Swf调用外部js方法,要确保js方法已存在, ...

  9. 电脑文本text和部分文字出现其他语言乱码

     1.文本的编码存在问题 解决办法: 将text文件打开>>文件(左上角)>>另存为>>选择其他格式的编码试试(在保存键左侧)>>保存再打开 2.系统区 ...

  10. Mysql int(11) 和 int(1)

    Mysql 可以为整数类型制定宽度,例如:int(11) ,对大多数应用这是没有意义的:它不会限制值的合法范围,它只是规定了Mysql的一些交互工具(例如mysql命令行客户端)用来显示字符个数.对于 ...