UIWebView如何加载本地图片

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>

时间: 2024-08-01 14:06:44

UIWebView如何加载本地图片的相关文章

在UIWebView中加载本地图片

NSString *imagePath = [[NSBundle mainBundle] resourcePath]; imagePath = [imagePath stringByReplacingOccurrencesOfString:@"/" withString:@"//"]; imagePath = [imagePath stringByReplacingOccurrencesOfString:@" " withString:@&quo

uiwebview-IOS 的UIWebView能否加载本地html5?

问题描述 IOS 的UIWebView能否加载本地html5? 我在本地导入html5文件,用UIWebView显示,文件在UI里显示的全是带问号的图片,(也就是不能显示):请问哪位大牛帮帮忙,又什么好的办法: 解决方案 谢谢大家的关心,问题已经解决:是路径的问题,由于我没有把两个JS 文件加到工程中,(看似加进去了,其实没有),所以不能显示. 解决方案二: 可以的,参考UIWebView加载本地HTML5文件 解决方案三: http://blog.csdn.net/u013243469/art

图片显示不全-android加载本地图片和加载网络图片出现花屏现象

问题描述 android加载本地图片和加载网络图片出现花屏现象 有时候出现有时候没有出现,我将加载后的图片房子viewpaper里面显示 解决方案 Android加载网络图片Android_开源框架_AndroidUniversalImageLoader网络图片加载Android_开源框架_AndroidUniversalImageLoader网络图片加载 解决方案二: 使用图片加载框架了吗 使用的什么方法加载的图片 是不是数据没有加载完整导致的 建议使用图片加载框架.

xml-webview加载本地图片跨域问题

问题描述 webview加载本地图片跨域问题 html里面没有图片的引用都写到一个xml文件里面html里面只有一个JS引用,加载图片加载不出来只给我一个默认的图片和地址 有好心人回复说是跨域问题我对这方面不懂想问一个demo或者一些代码.谢谢! 解决方案 Android webview加载本地图片Android webview加载本地图片iOS webView加载本地html及图片等问题

Android开发实现webview中img标签加载本地图片的方法

本文实例讲述了Android开发实现webview中img标签加载本地图片的方法.分享给大家供大家参考,具体如下: 在网上查了很多教程,感觉很麻烦,各种方法,最后实践很简单,主要是两步: WebSettings webSettings=webView.getSettings(); //允许webview对文件的操作 webSettings.setAllowUniversalAccessFromFileURLs(true); webSettings.setAllowFileAccess(true)

iOS开发中UIWebView的加载本地数据的三种方式_IOS

UIWebView是IOS内置的浏览器,可以浏览网页,打开文档 html/htm pdf docx txt等格式的文件. safari浏览器就是通过UIWebView做的. 服务器将MIME的标识符等放入传送的数据中告诉浏览器使用那种插件读取相关文件. uiwebview加载各种本地文件(通过loadData方法): UIWebView加载内容的三种方式: 1 加载本地数据文件 指定文件的MIMEType 编码格式使用@"UTF-8" 2加载html字符串(可以加载全部或者部分html

WinForm 加载本地图片

方式一: /// <summary> /// 从程序集中加载图片 /// </summary> /// <param name="imagePathName">图片路径(该图片必须是嵌入的资源)</param> /// <returns>Bitmap 格式图片</returns> public Bitmap GetIcon(string imagePathName) { Bitmap b = null; try {

android的imageloader加载默认图片不能使用.9图片吗?

问题描述 android的imageloader加载默认图片不能使用.9图片吗? .showImageForEmptyUri(R.drawable.default_ico) .showImageOnFail(R.drawable.default_ico) .showImageOnLoading(R.drawable.default_ico) 我使用的图片是.9图片.目的是无论图片多大,加载图片时,图片中央有固定大小APP的logo.可是在imageloader加载中不起作用.中间的LOGO大小还

[IOS]UIWebView 请求网络页面或者加载本地资源页面

UIWebView是一个能够显示网页的IOS视图控件,我们可以用它来访问一个网站.下面是具体的实例: 操作步骤: 1.首先在xib文件中拖放一个UIWebView控件到view中 2.将下载的页面以及页面资源加载到项目中,但必须选择Create folder references for any added folders,然后知道文件在项目中是蓝色显示,而不是黄色显示 3.将webView的Delegate拖到File's Owner,继承UIWebView的Delegate协议,并且实现他的