出现问题情况是:将uiwebview换成wkwebview之后,之前将webview上那些图片放回本地下载后缓存的图片没办法在webview上找到,最后排查出原因是,wkwebview需要将图片和网页文件放在同个路径下。

具体实现方法如下(获取图片缓存的路径,将本地html和css文件复制到该路径下):

css复制到图片路径:

       let baseDir = ImageCacheTool.imageBasePath()!//本地图片缓存路径

if !FileManager.default.fileExists(atPath: baseDir) {

try? FileManager.default.createDirectory(atPath: baseDir, withIntermediateDirectories: true, attributes: nil)

}

       let srcPath = Bundle.main.path(forResource: "webview", ofType: "css")

  if !FileManager.default.fileExists(atPath: desPath) {

  try? FileManager.default.copyItem(atPath: srcPath ?? "", toPath: baseDir + "/webview.css")

  }

html复制到图片路径

       let htmlPath = ImageCacheTool.imageBasePath() + "/index.html"

  try? html.write(toFile: htmlPath, atomically: true, encoding: .utf8)

  webView.loadFileURL(URL(fileURLWithPath: htmlPath), allowingReadAccessTo: URL(fileURLWithPath: ImageCacheTool.imageBasePath()))

转载于:https://www.cnblogs.com/destiLaugh/p/11202378.html

WKWebview加载本地图片时出现路径问题相关推荐

  1. ios html异步加载图片,iOS 异步加载本地图片

    iOS 异步加载本地图片 问题 当某个界面使用系统API + (nullable UIImage *)imageNamed:(NSString *)name;加载了过多本地图片资源时,不可避免的会产生 ...

  2. IOS 解决WKWebView加载本地html资源文件异常处理

    wkwebView加载本地资源时,有时候无法加载全css等资源文件.导致无线显示.需要做一下特殊处理: WKWebViewConfiguration *config = [[WKWebViewConf ...

  3. vue 动态获取的图片路径不显示_解决Vue动态加载本地图片问题

    最近遇到了个问题,用v-bind动态绑定img的src,图片加载不出来.控制台显示src是有获取到图片地址的,可是就是加载不出来. 最后才发现原因原来是浏览器中直接显示'./img/img1.png' ...

  4. c语言加载本地图片,Unity加载本地图片的2种方式

    1. 使用 WWW 加载,详细查看 unity3d 官方文档. 2. 使用 System.IO 加载,lua 代码如下: local File = luanet.import_type("S ...

  5. UIWebView如何加载本地图片

    UIWebView如何加载本地图片 UIWebView加载本地图片是有实用价值的.比方说,有时候我们需要本地加载静态页来显示相关帮助信息,而这些帮助信息当中含有很多很多的富文本,用代码实现难度较大,这 ...

  6. 【Flutter】Image 组件 ( 加载网络图片 | 加载静态图片 | 加载本地图片 | path_provider 插件 )

    文章目录 一.加载网络图片 二.加载静态图片 三.加载本地图片 四.完整代码示例 五.相关资源 一.加载网络图片 参考 [Flutter]Image 组件 ( Image 组件简介 | Image 构 ...

  7. web加载本地html,WKWebview加载本地html问题汇总

    最近做的功能,有部分逻辑是h5实现的,我们采用了本地+网络的机制来提高h5的显示速度,首先说一下机制, 1.本地存在一份html文件+校验码 2.程序启动获取远程校验码 3.远程校验码与本地校验码,比 ...

  8. 可以加载本地图片和网络资源的轮播图:TuTu

    轮播图 可以加载本地图片或者网络资源的无限循环的轮播图,一行代码调用,图片三级缓存,节省流量,间隔自己设置,使用方便. 1.你只要写好布局就行,布局写成啥样你自己决定,扩展性强,满足多样化需求例如: ...

  9. Qt学习之使用QListWidget加载本地图片实现双击放大

    目录 一.前言 二.实现效果 三.代码实现 (1)QListWidget的使用 1.QListWidget初始化 2.QListWidget加载本地图片 3.QListWidget样式表设计 4.QL ...

最新文章

  1. python泰坦尼克号数据预测_使用python预测泰坦尼克号生还
  2. 采用批处理命令对文件进行解压及采用SQLCMD进行数据库挂载
  3. Jmeter系列之接口依赖
  4. linux shell let命令,linux shell let, expr 命令详解
  5. (23)Java学习笔记——常用对象API / StringBuffer类
  6. iphone手机投影到电脑屏幕上
  7. Android进阶-NDK学习完整版
  8. SPT20 协议_【推荐】协议离婚协议书范文7篇
  9. python安装pytorch
  10. Python练习题答案: 馏分类【难度:2级】--景越Python编程实例训练营,1000道上机题等你来挑战
  11. AR互动大屏丨Add_自动循环动画、遮挡效果的实现
  12. python学习需要多久?三个月够吗?
  13. Google Chrome浏览器字体模糊不清
  14. 免费实用的jpg转换成pdf工具
  15. 百度地图定位以及方向传感器的调用
  16. WeLink可以发邮件吗?
  17. 英语口语测试对话软件,英语口语人机对话软件
  18. 作为打工人,我在《我要投资》里看到了职场生存法则
  19. selenium 操作日期控件
  20. Excel表格某些字段批量导入word

热门文章

  1. Python3 爬虫学习笔记 C14【验证码对抗系列 — 点触验证码】
  2. REVERSE-PRACTICE-JarvisOJ-1
  3. 【CodeForces - 1084D】The Fair Nut and the Best Path (树形dp)
  4. 【HDU - 5700】【51nod - 1672】 区间交(贪心,STLset 或线段树第k大)
  5. 【HDU - 1087】Super Jumping! Jumping! Jumping! (最大上升子序列类问题,dp)
  6. 2018年工业机器人销量排位_工业机器人年销量连续七年居世界首位 专家建议开辟新市场...
  7. java swing 模拟发牌_用java设计一个发牌程序
  8. 看这玩意复习你还会挂科?《软件工程2篇》
  9. 终于,我读懂了所有Java集合——List篇
  10. C++:05---命名空间