UIWebView如何加载本地图片

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

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

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

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

You could give the URL for this image using an absolute path with a file:// scheme.

NSString *documentsDirectory = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask,YES)[];

NSString *filePath = [NSString stringWithFormat:@"file://%@/image.png", documentsDirectory];

You could then run some javascript to update the src tag to update it to the new path:

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

[self.webView stringByEvaluatingJavaScriptFromString:javascript];

In your HTML the path would look like something like:

<html>

    <body>

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

    </body>

</html>

本人亲自测试过,但是没有成功,也许方法不对......

测试用静态页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如何加载本地图片的更多相关文章

  1. ios网络学习------4 UIWebView的加载本地数据的三种方式

    ios网络学习------4 UIWebView的加载本地数据的三种方式 分类: IOS2014-06-27 12:56 959人阅读 评论(0) 收藏 举报 UIWebView是IOS内置的浏览器, ...

  2. android ImageLoader加载本地图片的工具类

    import android.widget.ImageView; import com.nostra13.universalimageloader.core.ImageLoader; /** * 异步 ...

  3. angular 图片加载失败 情况处理？ 如何在ionic中加载本地图片 ?

    1.angular 图片加载失败 情况处理 在directive中定义组件,在ng-src错误时,调用err-src app.directive('errSrc',function(){ return ...

  4. Flutter学习笔记（19）--加载本地图片

    如需转载,请注明出处:Flutter学习笔记(19)--加载本地图片 上一篇博客正好用到了本地的图片,记录一下用法: 首先新建一个文件夹,这个文件夹要跟目录下 然后在pubspec.yaml里面声明出 ...

  5. ！！！myeclipse 上加载本地图片问题，无法加载问题

    出现无法加载本地图片的问题, 原因就是把图片放到了本地项目中的image了,但是myeclipse上没有刷新 这样以后 本地的图片比在线的要快 低级错误,诶!

  6. 用UIWebView加载本地图片和gif图

    加载gif图: NSData *gif = [NSData dataWithContentsOfFile: [[NSBundle mainBundle] pathForResource:@" ...

  7. iOS --- UIWebView的加载本地数据的三种方式

    UIWebView是IOS内置的浏览器,可以浏览网页,打开文档  html/htm  pdf   docx  txt等格式的文件.  safari浏览器就是通过UIWebView做的. 服务器将MIM ...

  8. Swift - 网页控件（UIWebView）加载本地数据，文件

    使用UIWebView加载本地数据或资源有如下三种方式: 1,使用loadHTMLString方法加载HTML内容 2,使用loadRequest方法加载本地资源(也可用于加载服务器资源) 3,先将内 ...

  9. vue如何动态加载本地图片

    大家好,我是前端队长Daotin,想要获取更多前端精彩内容,关注我(全网同名),解锁前端成长新姿势. 以下正文: 今天遇到一个在vue文件中引入本地图片的问题,于是有了这篇文章. 通常,我们的一个im ...

随机推荐

  1. 分布式处理与大数据平台(RabbitMQ&Celery&Hadoop&Spark&Storm&Elasticsearch)

    热门的消息队列中间件RabbitMQ,分布式任务处理平台Celery,大数据分布式处理的三大重量级武器:Hadoop.Spark.Storm,以及新一代的数据采集和分析引擎Elasticsearch. ...

  2. JDK动态代理[3]----WeakCache缓存的实现机制

    上一篇我们分析了Proxy类的内部是怎样产生代理类的,我们看到了Proxy内部用到了缓存机制,如果根据提供的类加载器和接口数组能在缓存中找到代理类就直接返回该代理类,否则会调用ProxyClassFa ...

  3. MVC 基架不支持 Entity Framework 6 或更高版本 即 NuGet的几个小技巧

    MVC 基架不支持 Entity Framework 6 或更高版本.有关详细信息,请访问 http://go.microsoft.com/fwlink/?LinkId=276833. 原因:mvc版 ...

  4. python学习之类和实例的属性；装饰器@property

    无论是类还是实例,一切皆是对象. Python是强动态语言,和java在这点上有所不同. class Ab(): a = 666 # 定义类对象Ab,自带属性a,值为666 # 使用Ab.__dict ...

  5. 导出为shape文件

    private void barButtonItem2_ItemClick(object sender, DevExpress.XtraBars.ItemClickEventArgs e)//导出为s ...

  6. Android Studio开发笔记

    工欲善其事,必先利其器. 来分享下一些tips吧. android studio优化 我的习惯是从visual studio沿袭过来的,所以快捷键都是参照VS改过来的. 设置调优 不打开上次打开的工程 ...

  7. hdu 1401

    Solitaire Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total S ...

  8. spring Boot的配置

    一.配置文件 SpringBoot使用一个全局的配置文件,配置文件名是固定的: application.properties application.yml 配置文件的作用:修改SpringBoot自 ...

  9. MVC 使用Quartz.Net组件实现定时计划任务

    最近,项目中需要执行一个计划任务,组长就让我了解一下Quartz.net 这个组件,挺简单的一个组件,实现起来特别的方便,灵活,值得推荐给大家一起学习一下这个小工具.以前我有的时候是使用定时器Time ...

  10. Linux安装jdk，编写helloworld程序

    今天学习了Linux安装jdk,做个笔记记录一下. 第一步,确定Linux是32位的还是64位的,然后到oracle官网上下载对应版本的jdk,一般下载.tar.gz文件.查看Linux的版本的命令是 ...