WKWebView-插入本地图片到html

本文介绍如何在iOS应用中使用WKWebView加载本地HTML文件,并展示如何将本地图片插入到HTML中进行显示。重点讲解了loadFileURL方法的使用以及适配iOS8的策略,同时提供了一个简单的实现流程,包括图片存储路径获取、HTML文件复制到图片目录、图片下载和插入到HTML中的步骤。最后展示了实现效果。
摘要由CSDN通过智能技术生成

在开发的过程中使用WKWebView是很常见的一件事,现在我们可能遇到一个需求:需要加载本地的html文件,然后插入本地的图片到html显示出来。

真正的应用场景:像问答产品类app,在回答页面是一个编辑器,我们可以输入文字,图片,并进行各种操作,那么我们如何实现拍照或者是从相册库中拿到图片插入到编辑器中呢?其实实现原理跟我们需求是一样的,下面一起来看看如何实现:

简单了解:

1)我们需要使用WKWebView的loadFileURL方法,但是该方法是iOS9才可以使用,如果要适配iOS8,那么需要简单适配一下

/*! @abstract Navigates to the requested file URL on the filesystem.
     @param URL The file URL to which to navigate.
     @param readAccessURL The URL to allow read access to.
     @discussion If readAccessURL references a single file, only that file may be loaded by WebKit.
     If readAccessURL references a directory, files inside that file may be loaded by WebKit.
     @result A new navigation for the given file URL.
     */
@available(iOS 9.0, *)
open func loadFileURL(_ URL: URL, allowingReadAccessTo readAccessURL: URL) -> WKNavigation?

我们可以看到方法的第一个参数是访问文件的URL,第二个参数是允许访问的URL,即如果readAccesssURL是一个单一的文件,那么webkit就只加载该文件&#x

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值