ios加载html时消除图片空白,iOS原生如何加载HTML中img标签的图片使用WKWebview

使用WebView 加载HTML中的img标签图片 网上有很多例子 以下的文章讲解最详细

http://mp.weixin.qq.com/s?__biz=MzIzMzA4NjA5Mw==&mid=214113597&idx=1&sn=4ccfc5949df4c47d1f44f16228d787fb#rd

我就不过多讲解，我主要是讲解一下使用WKWebview 加载HTML中的img标签图片

使用WKWebview 加载HTML中的img标签图片 在Documents目录下 img标签图片是不能显示出来的 (在模拟器可以 在真机不行 我的理解是 在模拟器用的是finder的全路径所以可以 )

多次尝试，无果，找资料时发现下面的方法可以加载沙盒中图片

主要代码引用

//先根据沙盒中图片的路径获取图片 然后在把图片进行base64Encoded 然后在把编码的字符串 替换到 img标签的src 中

UIImage *_image = [UIImage imageWithContentsOfFile:localPath];

NSString * jpg = [self htmlForJPGImage:_image];

- (NSString *)htmlForJPGImage:(UIImage *)image {

NSData *imageData = UIImageJPEGRepresentation(image,1.0);

NSString *imageSource = [NSString stringWithFormat:@"data:image/jpg;base64,%@",[imageData base64EncodedStringWithOptions:NSDataBase64Encoding64CharacterLineLength]];

return imageSource;

}

到这在沙盒里面的图片，想使用WKWebview加载到web里面，就可以正常显示

以下提供一个 demo 这个demo 是我在上述连接中的代码的基础上修改的 希望可以帮助有需要的人

github地址：https://github.com/leohou/ObjCLoadWebviewImage.git