ios+原生往html插图,iOS原生如何加载HTML中img标签的图片使用WKWebview

╰半夏微凉° 2022-10-06 05:48 30阅读 0赞

使用WebView 加载HTML中的img标签图片 网上有很多例子 以下的文章讲解最详细

http://mp.weixin.qq.com/s?\_\_biz=MzIzMzA4NjA5Mw==&mid=214113597&idx=1&sn=4ccfc5949df4c47d1f44f16228d787fb\#rd

我就不过多讲解，我主要是讲解一下使用WKWebview 加载HTML中的img标签图片

使用WKWebview 加载HTML中的img标签图片 在Documents目录下 img标签图片是不能显示出来的 (在模拟器可以 在真机不行 我的理解是 在模拟器用的是finder的全路径所以可以 )

多次尝试，无果，找资料时发现下面的方法可以加载沙盒中图片

主要代码引用

`//先根据沙盒中图片的路径获取图片 然后在把图片进行base64Encoded 然后在把编码的字符串 替换到 img标签的src 中`

``

`UIImage *_image = [UIImage imageWithContentsOfFile:localPath];`

``

`NSString * jpg = [self htmlForJPGImage:_image];`

``

`- (NSString *)htmlForJPGImage:(UIImage *)image {`

``

`NSData *imageData = UIImageJPEGRepresentation(image,1.0);`

``

`NSString *imageSource = [NSString stringWithFormat:@"data:image/jpg;base64,%@",[imageData base64EncodedStringWithOptions:NSDataBase64Encoding64CharacterLineLength]];`

``

`return imageSource;`

``

`}`

``

到这在沙盒里面的图片，想使用WKWebview加载到web里面，就可以正常显示

以下提供一个 demo 这个demo 是我在上述连接中的代码的基础上修改的 希望可以帮助有需要的人

github地址：https://github.com/leohou/ObjCLoadWebviewImage.git

发表评论取消回复

表情：

评论列表（有 0 条评论，30人围观）

还没有评论，来说两句吧...

相关阅读

相关 html的格式化标签和图片(img)标签

格式化标签和img标签的学习

浅浅的花香味﹌/ 2024年05月06日 21:21/ 0 赞/ 180 阅读

相关 IOS过滤Html标签

- (NSString )flattenHTML:(NSString )html trimWhiteSpace:(BOOL)trim { NSScann

布满荆棘的人生/ 2023年10月16日 21:12/ 0 赞/ 127 阅读

相关 HTML img 强制刷新加载

img刷新机制为url变化则刷新，当url不变时想要刷新可做如下处理 let url = `http://pic27.nipic.com/20130321/967

梦里梦外;/ 2023年10月14日 23:46/ 0 赞/ 106 阅读

相关 ios+原生往html插图,iOS原生如何加载HTML中img标签的图片使用WKWebview

使用WebView 加载HTML中的img标签图片网上有很多例子以下的文章讲解最详细 http://mp.weixin.qq.com/s?\_\_biz=MzIzMzA4

╰半夏微凉°/ 2022年10月06日 05:48/ 0 赞/ 31 阅读

相关 html如何加载图片

HTML 5 <img> 标签定义和用法 <img> 标签定义图像。 HTML 4.01 与 HTML 5 之间的差异在 HTML 4.01 中，图像的

旧城等待，/ 2022年09月17日 05:27/ 0 赞/ 289 阅读

相关使用Html.fromHtml()怎么加载Html中的图片

extView是不只可以String的，我们平常用的给setText()方法传递String参数的时候，其实是调用的public final void setText (Cha

喜欢ヅ旅行/ 2022年08月21日 05:54/ 0 赞/ 322 阅读

相关 HTML标签img--改变图片尺寸

1、统一大小？我的网页上面有许多的图片，有的大，有的小，我想如果图片大的实现缩放，所有的都是一般大。来看看没有是什么效果。 ![Center][] 大家看的出来，非常的

梦里梦外;/ 2022年08月19日 11:28/ 0 赞/ 382 阅读

相关 iOS UIWebView加载html代码

iOS UIWebView加载html代码一、问题描述：请求回来的接口字段中，有一段html格式的代码段，这边需求是用webView加载，而不是进行html解析，过滤

梦里梦外;/ 2022年07月17日 03:25/ 0 赞/ 332 阅读

相关 ios html阅读器,iOS加载Html文本

UILable||UITextView加载html 使用UILable或TextView比较方便，但是字体样式无法保证，推荐使用下面的UIWebView加载 UITextV

今天药忘吃喽~/ 2021年09月08日 06:36/ 0 赞/ 477 阅读

相关 HTML中img标签base64显示图片

在浏览网页的时候大家可能会注意到一个奇怪的现象，有的图片的路径后面是一串很长的字符串，例如： data:image/jpg;base64,iVBORw0

浅浅的花香味﹌/ 2021年07月26日 18:40/ 0 赞/ 903 阅读