iOS 加载本地HTML文件，图片没显示出来的问题

最新推荐文章于 2023-11-01 09:21:14 发布

原创最新推荐文章于 2023-11-01 09:21:14 发布 · 5.4k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#加载本地HTML #图片没显示 #绝对路径

收录于

移动开发，iOS 专栏收录该内容

46 篇文章

订阅专栏

在iOS应用中，当尝试使用WebView加载本地HTML文件并显示图片时，发现图片未能正确显示。问题可能出在HTML文件引用图片的路径上。通过获取NSBundle的主bundle路径，并设置为HTML字符串的基URL，可以解决这个问题。具体做法是首先获取HTML文件的路径，然后读取其内容，再获取资源包的路径作为基URL，最后将HTML内容加载到WebView，这样图片就能正常显示了。

iOS 加载本地HTML文件，图片没显示出来的问题，一般都是路径的问题。在HTML中，用的是绝对路径类似，而在项目中，一般都是相对路径。例如：在HTML中，

src="images/qq.gif"

而当我们导入这个HTML文件到项目中，加载图片的时候是应该要用到相对路径的，所以只要把图片的绝对路径改为相对路径就可以了，相对应上面的东西，就改成qq.gif就行了，这样加载出来就没问题了。

代码如下： NSString *path = [[NSBundle mainBundle] pathForResource:@"loginbg" ofType:@"html"];
    NSString *htmlString = [NSString stringWithContentsOfFile:path encoding:NSUTF8StringEncoding error:nil];
    NSString *basePath = [[NSBundle mainBundle] bundlePath];
    NSURL *baseURL = [NSURL fileURLWithPath:basePath];
    [web loadHTMLString:htmlString baseURL:baseURL];