1. 程式人生 > >UIWebView載入本地圖片

UIWebView載入本地圖片

在專案開發過程中,有時需要將本地圖片載入到H5,本章就將如何載入本地圖片做一下講解

首先準備一下H5內容,在這裡將其命名為index.html

接下來新建一個工程,將index.html拖入工程,同時將一張圖片也拖入工程,在這裡將圖片命名為home.jpg,然後將網頁載入到UIWebView


在這個時候執行,會發現頁面什麼都沒有,那是因為我們還沒有將圖片載入到H5,如何才能讓圖片顯示呢?前方高能,請注意!需要用到UIWebView的代理方法,在網頁載入完畢時,做以下處理,執行,圖片就顯示到網頁上了


如果圖片不在工程內,該怎麼辦?別慌,我們在Documents新建名為image的資料夾並放入一張圖片,這裡命名為image.jpg,依舊使用index.html的內容,只不過在UIWebView的代理方法內處理如下,執行後完美顯示


demo下載地址https://github.com/hanxinhui/WebLoadingImage

相關推薦

UIWebView載入本地圖片

在專案開發過程中,有時需要將本地圖片載入到H5,本章就將如何載入本地圖片做一下講解 首先準備一下H5內容,在這裡將其命名為index.html 接下來新建一個工程,將index.html拖入工程,同時

ios UIWebView載入本地html時html樣式、圖片顯示出來

將h5檔案拖到專案中 選擇彈出框Added folders的Create folder references選擇 然後載入 例如 NSURL *url = [NSURL URLWithString:[[NSString stringWithFormat:@““] stringByAddi

UIWebview 載入本地html圖片資源無法正常載入的問題

今天在做webview載入本地html的時候遇到一個問題,本地html中含有圖片資源,用瀏覽器直接正常載入html,但是UIWebview在載入的時候圖片找不到,懷疑是圖片路徑問題,於是查了好多資料,

UIWebView載入本地HTML檔案中有本地圖片的索引

//    013-11-18 16:58:23.959 Sports[480:907] imgPath:/var/mobile/Applications/D0233988-9785-465A-BF95-81DF334B367C/Sports.app/SPBGLogo.png //    2013-11-1

載入本地圖片到工程

在遊戲中微信登入一般要使用微信使用者頭像 lua程式碼 --設定玩家頭像 function PlayerModel.SetUserInfo() //this.Head為頭像url,function 是去遠端下載回撥,遠端下載內容是下載寫入到本地,返回本地圖片路徑 Uti

leaflet在地圖上載入本地圖片

<link href="~/Scripts/Leaflet/leaflet.css" rel="stylesheet" /><script src="~/Scripts/Leaflet/leaflet.js"></script><div id="myMap" styl

Springboot載入本地圖片

在使用html載入圖片時,發現使用相對路徑能顯示圖片。但是如果該圖片新增,那麼springboot則不能載入顯示。本地圖片不能顯示最主要的問題是,圖片在本地url和圖片在伺服器上被載入是的URL是不一樣的,也就是路徑的問題。 解決的辦法其實很簡單,只要寫一個配置

iOS基礎網路教程-Swift版本: 3.使用UIWebView載入本地的資料

在前面, 我們使用了 UIWebView 載入了網路的資料, 其實 UIWebView不只是可以載入普通的網頁, 還可以載入其他不同的檔案, 比如視訊, 音樂, PDF, Word等等檔案都是可以的, 下面讓我們來看看~~ PS: 例子裡的 PDF, Txt, doc 檔案請自行準備, 裡面的內容隨便, 只

圖片載入本地圖片出現記憶體溢位

public static Bitmap readBitMap(Context context, int resId) { BitmapFactory.Options opt = new BitmapFactory.Options(); opt.inPreferr

Android使用WebView載入本地圖片終極大殺招

WebView 主要呼叫三個方法:loadUrl、loadData、loadDataWithBaseURL。 1、loadUrl 直接載入網頁、圖片並顯示。(本地或是網路上的網頁、圖片、gif) 2、loadData 顯示文字與圖片內容

WKWebView和UIWebView載入本地html和JS互動各種坑解決辦法

因為蘋果的檔案機制,所有的資原始檔都相當於放在bundle的路徑裡,裡面不分任何資料夾路徑,所以我們在載入(js, css, png)等等的資原始檔的時候,不應該加上任何檔名,所以最好是把所有有關html的檔案都放在同一平級的資料夾 UIWebView 1.OC調JS

iOS UIWebView載入本地HTML頁面規避js、css的快取

使用UIWenView載入本地的HTML頁面,發現開啟一次後再從伺服器下載新的HTML回來然後再次開啟,js和css的變更並沒有生效。做了一個簡單是實驗是開啟後刪除本地的js css檔案,然後再次開啟頁面還是正常。說明js 和css有記憶體花快取。 現在的臨時方案是HTML

React-Native Image載入本地圖片報錯error: bundling failed: Error: Unable to resolve module

在初步學習React-Native 用Imgae載入本地的時候 遇到了這個問題,程式碼是這樣的在根目錄下的images資料夾內有backicon.png這張圖片按上面配置的路徑,在程式碼中是可以定位到圖片的,但是實際執行測試就報錯找不到這個圖片,後來測試才發現要這樣寫改成這樣

Android 載入本地圖片(檔案管理器中的圖片牆)

Android 載入本地圖片(檔案管理器中的圖片牆) --關於圖片牆的一些感悟與疑問,希望大家共同探討。 (By伊葉也) 圖片顯示及監聽 1、圖片顯示:基本上就5種顯示形式(如果同時嵌入5種形式,採用

android studio中新建assets,用webview載入本地圖片

xml檔案中建立webview <WebView android:id="@+id/wv_explain" android:layout_width="match_parent" android:layout_hei

android ImageLoader載入本地圖片的工具類

import android.widget.ImageView; import com.nostra13.universalimageloader.core.ImageLoader; /** * 非同步載入本地圖片工具類 * */ public class Loa

ImageLoader 載入本地圖片

顯示圖片所使用的uri: String imageUri = “http://site.com/image.png“; // from Web String imageUri = “file:///

Android webview載入本地圖片

出於安全的考慮,一般情況下webview並不允許網頁讀取和操作網頁檔案所在資料夾外的檔案。 在網上搜索後,發現有3種可行的方法: 1、使用WebView自身的資源攔截與回撥來實現該功能; WebView的shouldInterceptRequest回撥從API 11才

【Android】Picasso載入本地圖片如何清理快取cache?

使用Picasso載入SD卡圖片的時候,Picasso也會對該圖片進行快取。所以如果該圖片即使已經變了,Picasso在載入時會仍然使用快取,而不更新圖片。 Picasso快取策略 我們都知道圖片快取使用的是Map鍵值對儲存的,這裡的Key就

載入本地圖片的幾種方式和區別

載入本地圖片在iOS開發中是非常常見的,一般來說,載入本地圖片主要有以下兩種方法,分為兩大類。 一、載入mainBundle的圖片 1、imageNamed 這個方法用一個指定的名字在系統快取中查詢一