zoukankan      html  css  js  c++  java
  • WKWebview加载本地图片时出现路径问题

    出现问题情况是:将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()))

  • 相关阅读:
    qq划屏幕红包程序
    【图文教程】小米4如何获取触动精灵悬浮窗权限
    //6小时更新一次首页
    USBWebServer 中文便携版 快速搭建 PHP/MySQL 网站服务器环境
    【jquery】Validform,一款不错的 jquery 表单验证插件
    【html】关于锚点的一些事
    【css】关于 hr 在各浏览器中的问题
    【jquery】fancybox 是一款优秀的 jquery 弹出层展示插件
    【jquery】ajax 请求成功后新开窗口被拦截解决方法
    【html5】html5 本地存储
  • 原文地址:https://www.cnblogs.com/destiLaugh/p/11202378.html
Copyright © 2011-2022 走看看