当前位置：首页 > 编程日记 > 正文

iOS原生如何加载HTML中img标签的图片

编程日记 2024-10-27 19:40:00

原文出自：iOS原生如何加载HTML中img标签的图片

前言

最近iOS App项目中使用Webview加载H5页面比较多，也有不少朋友经常问到这个问题，在这里我也学习学习如何通过iOS原生的方式来加载H5页面中的图片然后让webview显示图片。

相信有很多朋友也遇到过这样的问题，可是很多朋友都没有思路，不知如何入手。今天，刚好学习了一下，并写了一个简单的demo。下面让我们一起来学习一下吧！

本篇文章适合哪些人群阅读？

项目中有类似需求的，而又没有思路的
曾经做过类似需求的，可以参考两者的思想有何异同，比较哪种方式更好
没有做过类似需求，且也没有思路入手的，可以参考学习

注意：本文有Objective-C版和Swift，根据个人情况看相关章节

思路讲解

这里有两种方式可以实现：

直接使用NSData同步加载图片的方式（Swift版用同步实现）
通过其他第三方库异步加载图片的方式（ObjC版用异步实现）

Swift版代码讲解

下面看看我们的核心代码吧：

let path = NSBundle.mainBundle().pathForResource("test", ofType: "html")
let url = NSURL(fileURLWithPath: path!)do {let html = try String(contentsOfURL: url, encoding: NSUTF8StringEncoding)//      print(html)// 获取所有img src中的src链接，并将src更改名称// 这里直接采用同步获取数据，异步也是一样的道理，为了方便写demo，仅以同步加载图片为例。// 另外，这不考虑清除缓存的问题。do {let regex = try NSRegularExpression(pattern: "<img\\ssrc[^>]*/>", options: .AllowCommentsAndWhitespace)let result = regex.matchesInString(html, options: .ReportCompletion, range: NSMakeRange(0, html.characters.count))var content = html as NSStringvar sourceSrcs: [String: String] = ["": ""]for item in result {let range = item.rangeAtIndex(0)let imgHtml = content.substringWithRange(range) as NSStringvar array = [""]if imgHtml.rangeOfString("src=\"").location != NSNotFound {array = imgHtml.componentsSeparatedByString("src=\"")} else if imgHtml.rangeOfString("src=").location != NSNotFound {array = imgHtml.componentsSeparatedByString("src=")}if array.count >= 2 {var src = array[1] as NSStringif src.rangeOfString("\"").location != NSNotFound {src = src.substringToIndex(src.rangeOfString("\"").location)// 图片链接正确解析出来print(src)// 加载图片// 这里不处理重复加载的问题，实际开发中，应该要做一下处理。// 也就是先判断是否已经加载过，且未清理掉该缓存的图片。如果// 已经缓存过，否则才执行下面的语句。let data = NSData(contentsOfURL: NSURL(string: src as String)!)let localUrl = self.saveImageData(data!, name: (src as String).md5)// 记录下原URL和本地URL// 如果用异步加载图片的方式，先可以提交将每个URL起好名字，由于这里使用的是原URL的md5作为名称，// 因此每个URL的名字是固定的。sourceSrcs[src as String] = localUrl}}}for (src, localUrl) in sourceSrcs {if !localUrl.isEmpty {content = content.stringByReplacingOccurrencesOfString(src as String, withString: localUrl, options: NSStringCompareOptions.LiteralSearch, range: NSMakeRange(0, content.length))}}print(content as String)webView.loadHTMLString(content as String, baseURL: url)} catch {print("match error")}
} catch {print("load html error")
}

此处省略1000字，完整阅读文章内容，请移步微信公众号阅读。
移步微信公众号阅读全文

源代码

想要下载源代码，请移步github下载，内有Swift版的工程和ObjC版的工程：

https://github.com/CoderJackyHuang/iOSLoadWebViewImage

公众号搜索「iOS开发技术分享」快速关注微信号：iOSDevShares QQ群：324400294

https://www.dkcj.cn/info/24919.html

Python3 的urllib实例

在Python3中合并了 urllib 和 urllib2， 统一命名为 urllib 了，我觉得这样更加合理了。让我们可以像读取本地文件一样读取WEB上的数据。封装了一个类，供以后方便使用吧！并附带有许多的应用实例。一、封装的类 #!/usr/bin/env pyth…

编程日记2024/10/27 19:30:00

Java中Filter、Servlet、Listener的学习

1、Filter的功能filter功能，它使用户可以改变一个 request和修改一个response. Filter 不是一个servlet,它不能产生一个response,它能够在一个request到达servlet之前预处理request,也可以在离开 servlet时处理response.换种说法,filter其实是一个”servlet chainin…

编程日记2024/10/27 19:20:00

CentOS 6安装DHCP

#wget ftp://ftp.isc.org/isc/dhcp/dhcp-4.2.3/dhcp-4.2.3.tar.gz #tar xvzf dhcp-4.2.3.tar.gz# cd dhcp-4.2.3#./configure #make #make install

编程日记2024/10/27 19:10:00

小米AI实验室六篇论文获ICASSP2022收录，多模态语音唤醒挑战赛夺冠

1月22日，全球语音、声学顶级会议ICASSP 2022公布了论文入选名单，小米AI实验室6篇学术论文被接收。小米“自由说”系统在MISP（基于多模态信息的语音处理）挑战赛中荣获多模态语音唤醒第一名和多模态语音识别第二名，并受邀…

编程日记2024/10/27 19:00:00

React + Koa 实现服务端渲染(SSR)

⚛️React是目前前端社区最流行的UI库之一，它的基于组件化的开发方式极大地提升了前端开发体验，React通过拆分一个大的应用至一个个小的组件，来使得我们的代码更加的可被重用，以及获得更好的可维护性，等等还有其他很多…

编程日记2024/10/27 18:50:00

11 款可替代 top 命令的工具！

‍‍作者 | JackTian来源 | 杰哥的IT之旅在 Linux 环境下 top 命令都不陌生，它以实时动态的方式查看系统的整体运行情况，综合了多方信息监测系统性能和运行信息的实用工具，通过 top 命令所提供的互动式界面，可以用热键来进行管理。…

编程日记2024/10/27 18:40:00

几个重要的RFC

RFC目录权威无须解释 http://www.ietf.org/rfc/RFC中文目录http://man.chinaunix.net/develop/rfc/default.htm几个常用的RFC参考： RFC1945 超文本传输协议--HTTP/1.0 RFC2616超文本传输协议--HTTP/1.1 对 RFC2068的补充RFC3920可扩展的消息和出席信息协议 (XMPP)…

编程日记2024/10/27 18:30:01

iOS开发笔记－两种单例模式的写法

iOS开发笔记－两种单例模式的写法单例模式是开发中最常用的写法之一，iOS的单例模式有两种官方写法，如下： 不使用GCD #import "ServiceManager.h"static ServiceManager *defaultManager;implementation ServiceManager(…

编程日记2024/10/27 18:20:00

流式大数据处理的三种框架：Storm，Spark和Samza

2019独角兽企业重金招聘Python工程师标准>>> 许多分布式计算系统都可以实时或接近实时地处理大数据流。本文将对三种Apache框架分别进行简单介绍，然后尝试快速、高度概述其异同。 Apache Storm 在Storm中，先要设计一个用于实时计算的图状结构…

编程日记2024/10/27 18:10:00

安装X图形界面系统yum list 列出所有可安装的软件包可以通过 yum grouplist 来查看可能批量安装哪些列表先装X windows #yum groupinstall X Window System -y 安装GNOME桌面环境#yum groupinstall GNOME Desktop Environment -y 安装KDE桌面环境#yum groupinstall KDE (K D…

编程日记2024/10/27 18:00:00

Oracle VDI 安装

为什么80%的码农都做不了架构师？>>> 你可以在这里找到本文的原文。虽然说Oracle已经停止了VDI的开发，之后支持服务业很快停止了。但是，作为经典的桌面虚拟化产品，还是值得研究一番。虽然Oracle VDI的文档已经写的很详…

编程日记2024/10/27 17:50:00

Python 写了一个网页版的「P图软件」，惊呆了！

作者 | 小欣来源 | Python爱好者集中营今天是开工第一天，这篇文章可以算作是虎年的第一篇干货技术类文章了，今天小编用Python做了一个网页版的“P图软件”，大致的流程在于我们可以将上传的照片进行黑白处理、铅笔素描处理、模糊化处理等一系列…

编程日记2024/10/27 17:40:00

Template mode HTML5 has not been configured

#thymeleafspring.thymeleaf.prefixclasspath:/templates/spring.thymeleaf.suffix.htmlspring.thymeleaf.cachefalsespring.thymeleaf.content-typetext/htmlspring.thymeleaf.enabledtruespring.thymeleaf.encodingUTF-8spring.thymeleaf.modeHTML5 解决办法：注释…

编程日记2024/10/27 17:30:00

Java数据结构与算法（第四章栈和队列）

2019独角兽企业重金招聘Python工程师标准>>> 本章涉及的三种数据存储类型：栈、队列和优先级队列。不同类型的结构程序员的工具数组是已经介绍过的数据存储结构，和其他结构（链表、树等等）一样，都适用于数…

编程日记2024/10/27 17:20:00

可构建AI的「AI」诞生：几分之一秒内，就能预测新网络的参数

‍‍来源 | 学术头条人工智能在很大程度上是一场数字游戏。当深度神经网络在 10 年前开始超越传统算法，是因为我们终于有了足够的数据和处理能力来充分利用它们。今天的神经网络更依赖于数据和算力。训练网络时，需要仔细调整表征网络的数百万甚至数十亿参…

编程日记2024/10/27 17:10:00

It is not safe to rely on the system's timezone settings

在写php程序中有时会出现这样的警告： PHP Warning: date(): It is not safe to rely on the systems timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those metho…

编程日记2024/10/27 17:00:01

.NET MVC+ EF+LINQ 多表联查VIEW显示列表

1.VIEW 页面显示代码 <link href"~/Content/bootstrap.css" rel"stylesheet" /><div class"well"><table class"table"><tr><th>用户名</th><th>地址</th><th>订单编号</th…

编程日记2024/10/27 16:50:00

从奥运订票系统说起——谈FastCGI 与IT 架构

2008年，对于首都人民来说，没有什么比奥运会更大的事情了。如何买到一张称心如意的比赛门票，也成了很多人的一个梦想。然而，在奥运官网抢票购买的时候，这个梦想却轻易地被网上购票系统的当机击成碎片，很多充…

编程日记2024/10/27 16:40:00

【哲学百科】文艺复兴及唯理主义时期（公元1500~公元1750）

我为达目的，不择手段-尼古拉.马基雅维利要令习惯于君主统治的民众保有自由是一件多么困难的事情。马基雅维利的观点之一是君主不应受到道德标准的束缚，而应竭尽所能保全自身的荣耀以及所统治的城邦的胜利与繁荣，这种做法随后被人们归为现实主…

编程日记2024/10/27 16:30:01

如何用 OpenGL 绘制雪花？

作者 | 许向武责编 | 张红月出品 | CSDN博客看冬奥才知道，阿勒泰不但是中国的“雪都”，还是“人类滑雪起源地”。这个说法是否成立，姑且不论，阿勒泰的雪的确很漂亮。冬奥会有一个宣传片，就是借用一朵阿勒泰雪花…

编程日记2024/10/27 16:20:00

面试之Hashtable和ConcurrentHashMap

那么要如何保证HashMap的线程安全呢？ 方法有很多，比如使用Hashtable或者Collections.synchronizedMap，但是这两位选手都有一个共同的问题：性能。因为不管是读还是写操作，他们都会给整个集合上锁，导致同一时…

编程日记2024/10/27 16:10:00

PHP动态编译出现Cannot find autoconf

在安装完PHP后,想动态编译PHP的memcache扩展库 cd memcache-2.2.5//usr/local/webserver/php/bin/phpize./configure --with-php-config/usr/local/webserver/php/bin/php-config 但是执行/usr/local/webserver/php/bin/phpize时出现错误:Configuring for:PHP Api Version: …

编程日记2024/10/27 16:00:00

AnimeGANv2 实现动漫风格迁移，简单操作

作者 | Yunlord出品 | CSDN博客前言之前一直在研究如何将图像动漫化，尝试了阿里云api和百度api，效果都不尽如人意。结果发现了一个宝藏github项目——AnimeGANv2，能够将现实世界场景照片进行动漫风格化。可以看出AnimeGAN的效果非常好&#x…

编程日记2024/10/27 15:50:00

C#调用win32 api程序实例

1、声明static extern 方法，使用DllImport特性 class MyClass{[DllImport("kernel32", SetLastError true)]public static extern int GetCurrentDirectory(int a, StringBuilder b);} 2、调用 StringBuilder sbnew StringBuilder {Length 250}; MyClas…

编程日记2024/10/27 15:40:00

Python 之 pip拒绝访问

起因在我使用pip安装第三方库的时候，控制台提示我升级pip版本 You are using pip version 9.0.1, however version 10.0.1 is available. You should consider upgrading via the python -m pip install --upgrade pip command. 很显然，需要使用这样的指…

编程日记2024/10/27 15:30:00

Unix / 类 Unix shell 中有哪些很酷很冷门很少用很有用的命令？（转）

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。作者：孙立伟链接：http://www.zhihu.com/question/20140085/answer/14107336 来源：知乎这个问题quora上有人提过 What are some lesser known but useful…

编程日记2024/10/27 15:20:00

干货满满的 Python 实战项目，点赞收藏

作者 | 俊欣来源 | 关于数据分析与可视化今天小编来给大家介绍3个干货满满的计算机视觉方向的Python实战项目，主要用到的库有opencv-pythonnumpypillow要是大家所配置的环境当中没有这几个模块的话，就需要先用pip命令下载安装pip install opencv-python …

编程日记2024/10/27 15:10:00

php安装完成以后要复制php.ini文件

直接 #find / -name "php.ini" 找不到，是因为安装php的时候没有复制配置文件 php版本变化以后ini文件名有变 php.ini-production对应于php.ini-recommended php.ini-development对应于php.ini-dist二者差异？ 由于版本更新,这些文件有了新的命…

编程日记2024/10/27 15:00:00

MASQUERADE --random 端口不随机

iptables -t nat -A POSTROUTING -o xxxx -j MASQUERADE --random发现源端口并不是随机的而是有规律递增，经过Google的搜索查找，发现新的版本有--random-full 这个参数iptables -t nat -A POSTROUTING -o xxxx -j MASQUERADE --random-full经过测试端口随…

编程日记2024/10/27 14:50:00

PHP安装与使用VLD查看opcode代码【PHP安装第三方扩展的方法】

需要分析PHP代码的性能，或者说实现同样功能的代码到底哪个更好呢？或者说想知道底层的实现可以使用VLD查看opcode 下载与安装VLD # wget http://pecl.php.net/get/vld-0.11.2.tgz# tar zxvf vld-0.11.2.tgz# cd ./vld-0.11.2# /usr/local/php/bin/phpize …

编程日记2024/10/27 14:40:00