美文网首页转载疑惑iOS那些事
iOS原生如何加载HTML中img标签的图片使用WKWebvie

iOS原生如何加载HTML中img标签的图片使用WKWebvie

作者: HOULI | 来源:发表于2017-02-10 17:36 被阅读439次

使用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的全路径所以可以 )
多次尝试,无果,找资料时发现下面的方法可以加载沙盒中图片

主要代码引用

<pre><code>

//先根据沙盒中图片的路径获取图片 然后在把图片进行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;

}
</code></pre>
到这在沙盒里面的图片,想使用WKWebview加载到web里面,就可以正常显示
以下提供一个 demo 这个demo 是我在上述连接中的代码的基础上修改的 希望可以帮助有需要的人
github地址:https://github.com/leohou/ObjCLoadWebviewImage.git

相关文章

  • iOS原生如何加载HTML中img标签的图片使用WKWebvie

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

  • 图片懒加载

    懒加载的思路:只在需要时进行加载 方案1: html部分 将所有图片的img标签写入html中 将所有img的sr...

  • 移动开发tips

    click事件300ms延迟 使用canvas代替img标签加载图片:使用canvas 和img标签渲染图片的区别...

  • iOS WKWebView loadHTMLString 异步加

    本文主要是针对后台返回数据是 html 标签的数据加载 异步加载 html 标签内的 img 标签,给 img 标...

  • 5.图片-HTML基础

    一、图片标签 在HTML中,我们可以使用img标签来显示一张图片。对于img标签,只需要掌握它的 3 个属性:sr...

  • html-withimg-loader

    html中直接使用img标签src加载图片的话,因为没有被依赖,图片将不会被打包。这个loader将解决这个问题 ...

  • 加载HTML标签图片宽度处理

    最近项目加载html标签,图片显示不全的问题,研究了会发现是HTML标签的问题,记录下, img{width:\(...

  • 7 HTML中img标签的图片资源处理

    HTML中img标签的图片资源处理 url-loader处理了css中背景图片的引用的问题;html中直接使用im...

  • HTML三

    html图片: 1,可以使用img标签来显示一张图片。我们需要掌握img标签的三个属性:src ,alt,titl...

  • vue的图片懒加载

    图片懒加载 img的标签换成

网友评论

  • LD_左岸:http://mp.weixin.qq.com/s?__biz=MzIzMzA4NjA5Mw==&mid=214113597&idx=1&sn=4ccfc5949df4c47d1f44f16228d787fb#rd
    按照这个链接把他的demo下载下来 研究了一下 具体是1.先把图片匹配出来 存沙盒 这样能搞到图片的本地路径 2.拿这个路径去HTMLString中替换掉原来的图片链接 3.去加载新的htmlString
    然而最后把新生成的html字符串写入文件 再用wkwebView去加载这个新的H5文件 真机图片不出来 模拟机可以
    折腾到最后 我发现我什么都不需要做 直接去加载原来的h5文件的路径在真机上就可以 好蛋晕的wk啊

本文标题:iOS原生如何加载HTML中img标签的图片使用WKWebvie

本文链接:https://www.haomeiwen.com/subject/qhbgittx.html