UIWebView如何加载本地图片

UIWebView加载本地图片是有实用价值的.比方说,有时候我们需要本地加载静态页来显示相关帮助信息,而这些帮助信息当中含有很多很多的富文本,用代码实现难度较大,这时候,可以考虑使用UIWebView加载本地图片的方式实现需求.

UIWebView是可以从本地加载图片的,只不过这个本地的图片需要是bundle中的图片

沙盒中的文件如何添加呢?

http://stackoverflow.com/questions/17494752/how-to-read-image-file-at-documents-directory-from-ios-webview

NSString *documentsDirectory = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask,YES)[0];
NSString *filePath = [NSString stringWithFormat:@"file://%@/image.png", documentsDirectory

NSString *javascript = [NSString stringWithFormat:@"var imageElement = document.getElementById('localFile'); imageElement.setAttribute('src', '%@');", filePath];
[self.webView stringByEvaluatingJavaScriptFromString:javascript];

<html><body><img id="localFile" src="file:///var/mobile/Applications/3D7D43E8-FA5E-4B19-B74C-669F7D1F3093/Documents/image.png" /></body>
</html>

<!DOCTYPE HTML>
<html><head><meta charset="utf-8"><title>关于我们</title><!--  When the value is true and the page contains the viewport meta tag, --><!-- meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"--></head><style>body,p,h1,h2,h3,h4,h5,h6,dl,dd{ margin:0; font-size:12px; font-family:"宋体";}ol,ul{list-style:none; padding:0; margin:0;}a{text-decoration:none;}img{ border:none;}.clear{zoom:1;}.clear:after{ content:"";display:block;clear:both;}.wrap{ width:auto;}.head{ width:auto; height:24px; background:#ffffff}.list{ width:auto; margin:0 auto; padding-top:36px; text-align:center;}.list h3{ font-size:90px; color:#c0c0c0; line-height:170px;}.text{ margin:30px auto; width:95%; border-bottom:1px solid #cccccc;}.text p{ margin-bottom:30px; font-size:40px; color:#757575; text-align:left; line-height:55px;}.text2{ text-align:left;margin:0 auto; width:95%;}.list h2{ font-size:24px; color:#000; line-height:60px;}.text2 p{ font-size:24px; color:#c0c0c0; line-height:60px;}.foot{ width:auto; height:62px; background:#ffffff;}</style><body><div class="wrap"><div class="head"></div><div class="list"><h3>未选择的路</h3><img src="demo.jpg" /><div class="text"><p>黄色的树林里分出两条路，可惜我不能同时去涉足，我在那路口久久伫立，我向着一条路极目望去，直到它消失在丛林深处。但我却选了另外一条路，它荒草萋萋，十分幽寂，显得更诱人、更美丽，虽然在这两条小路上，都很少留下旅人的足迹，虽然那天清晨落叶满地，两条路都未经脚印污染。呵，留下一条路等改日再见！但我知道路径延绵无尽头，恐怕我难以再回返。也许多少年后在某个地方，我将轻声叹息把往事回顾，一片树林里分出两条路，而我选了人迹更少的一条，从此决定了我一生的道路。</br></p></div><div class="text2"><h2>【联系本人】</h2><p>电 话：159 - 1051 - 4635</br></p><p>邮 箱：you_xian_1030@163.com</br></p><p>博 客：http://www.cnblogs.com/YouXianMing/</br></p></div><div class="foot"></div></div></div></body>
</html>

UIWebView如何加载本地图片相关推荐

c语言加载本地图片,Unity加载本地图片的2种方式
1. 使用 WWW 加载,详细查看 unity3d 官方文档. 2. 使用 System.IO 加载,lua 代码如下: local File = luanet.import_type("S ...
【Flutter】Image 组件 ( 加载网络图片 | 加载静态图片 | 加载本地图片 | path_provider 插件 )
文章目录一.加载网络图片二.加载静态图片三.加载本地图片四.完整代码示例五.相关资源一.加载网络图片参考 [Flutter]Image 组件 ( Image 组件简介 | Image 构 ...
ios网络学习------4 UIWebView的加载本地数据的三种方式
ios网络学习------4 UIWebView的加载本地数据的三种方式分类: IOS2014-06-27 12:56 959人阅读评论(0) 收藏举报 UIWebView是IOS内置的浏览器, ...
剖析Picasso加载压缩本地图片流程（解决Android 5.0部分机型无法加载本地图片的问题）
之前项目中使用Picasso遇到了一个问题:在Android 5.0以上版本的部分手机上使用Picasso加载本地图片会失败.为了解决这个问题,研究了一下Picasso加载和压缩本地图片的流程,才有了 ...
ios html异步加载图片,iOS 异步加载本地图片
iOS 异步加载本地图片问题当某个界面使用系统API + (nullable UIImage *)imageNamed:(NSString *)name;加载了过多本地图片资源时,不可避免的会产生 ...
短视频系统源代码，加载本地图片和加载网络图片
在短视频系统源代码中,上传照片时会涉及到加载本地图片或加载网络图片的情况,下面介绍一下相关代码从布局开始 <?xml version="1.0" encoding=&quo ...
Android 加载本地图片(文件管理器中的图片墙)
Android 加载本地图片(文件管理器中的图片墙) --关于图片墙的一些感悟与疑问,希望大家共同探讨. (By伊叶也) 图片显示及监听 1.图片显示:基本上就5种显示形式(如果同时嵌入5种形式,采用 ...
可以加载本地图片和网络资源的轮播图：TuTu
轮播图可以加载本地图片或者网络资源的无限循环的轮播图,一行代码调用,图片三级缓存,节省流量,间隔自己设置,使用方便. 1.你只要写好布局就行,布局写成啥样你自己决定,扩展性强,满足多样化需求例如: ...
小程序加载本地图片解决方案
小程序加载本地图片: https://www.cnblogs.com/greengage/p/7742106.html 推荐使用下面的第三种方法: https://blog.csdn.net/qq_4 ...

UIWebView如何加载本地图片

UIWebView如何加载本地图片相关推荐

最新文章

热门文章