前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >解决WKWebView不显示H5中引用的Library本地图片问题

解决WKWebView不显示H5中引用的Library本地图片问题

作者头像
Raindew
发布2022-03-24 09:03:04
1.2K0
发布2022-03-24 09:03:04
举报
文章被收录于专栏:Rindew的iOS技术分享

问题:由UIWebViewWKWebView后,HTML加载本地HTMLString时,图片无法显示。

WKWebView加强了安全性,不再允许跨域访问,所有跨域地址都失效了,包括不再同一文件夹下的CSSJS等文件引用。

解决办法: 1、把src中的图片单独读取出来,然后转成Data拼到src中。 2、移动图片存储到tmp中,加载本地Html时设置BaseURL即可(tmp会被定期清理,且无法兼容老版本,弃) 3、启动一个本地服务器,拥有一个读取沙盒的权利(推荐使用)

前面两种就不说了,直接说第三种

导入一个三方 GCDWebServer

自行import然后开启服务,可以写到页面的ViewDidLoad也可以全局写到AppDelegate
代码语言:javascript
复制
    if ([self.contentWebView isKindOfClass:[WKWebView class]]) {
        self.webSever = [[GCDWebServer alloc] init];
        [self.webSever addGETHandlerForBasePath:@"/" directoryPath:NSHomeDirectory() indexFilename:nil cacheAge:3600 allowRangeRequests:YES];
        [self.webSever startWithPort:80 bonjourName:nil];
    }
在处理HTMLString的位置,进行地址替换。
代码语言:javascript
复制
    if ([self.contentWebView isKindOfClass:[WKWebView class]]) {
        //通过循环,替换掉所有Library路径
        NSString *Library = [NSHomeDirectory() stringByAppendingPathComponent:@"Library"];
        while ([displayHtmlbody containsString:Library]) {
            displayHtmlbody = [displayHtmlbody stringByReplacingOccurrencesOfString:Library withString:@"/Library"];//把library滤镜换成Library字符串,再拼接本地服务器地址。
            displayHtmlbody = [displayHtmlbody stringByReplacingOccurrencesOfString:@"file://localhost" withString:@"http://localhost"];
        }
    }
关闭服务器(如果你需要单页面开启的话)
代码语言:javascript
复制
- (void)dealloc {
    //停止本地服务
    if ([self.contentWebView isKindOfClass:[WKWebView class]]) {
        [self.webSever stop];
        self.webSever = nil;
    }
}
关于链接替换: 最终目的是要把 file://localhost/var/...../LibraryLibrary前面的换成http://localhost/ 再拼上后续地址
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022.01.13 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • WKWebView加强了安全性,不再允许跨域访问,所有跨域地址都失效了,包括不再同一文件夹下的CSS、JS等文件引用。
    • 自行import然后开启服务,可以写到页面的ViewDidLoad也可以全局写到AppDelegate
      • 在处理HTMLString的位置,进行地址替换。
        • 关闭服务器(如果你需要单页面开启的话)
          • 关于链接替换: 最终目的是要把 file://localhost/var/...../Library 中Library前面的换成http://localhost/ 再拼上后续地址
          领券
          问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档