2. 程式人生 > 其它 >Android Webview載入本地資源

Android Webview載入本地資源

阿新 • • 發佈：2021-12-27

public voidloadData(Stringdata,StringmimeType,Stringencoding)

則會出現html程式碼中圖片路徑不對導致不能正常顯示圖片（通常是一個白色的固定大小的框，或者沒有）

當把路徑改為絕對路徑加上file://都還無法解決

終於，在網上查資料的時候發現了這個函式，正好解決這個問題

public voidloadDataWithBaseURL(StringbaseUrl,Stringdata,StringmimeType,Stringencoding,StringhistoryUrl)

baseUrl是圖片的目錄，在html程式碼中就寫關於此目錄的相對路徑就可以了，哇嘎嘎！~

附帶程式碼解釋：

String htmlPath = "file:///mnt/sdcard/test/11.html";


String baseUrl = "file:///mnt/sdcard/test/";

webView.loadDataWithBaseURL(baseUrl, data, "text/html", "utf-8", null);

則兩個呼叫都可以顯示正常的html網頁了，並且前一種可以對針對不同解析度大小的螢幕做縮放了！！

在網上看了許多關於WebView 的例子。但當自己做起來時，總是有些差別，是另一種體會。這節我就以 模擬器為2.1 為例來講。

WebView 主要呼叫三個方法：LoadUrl、LoadData、LoadDataWithBaseURL。

1、LoadUrl 直接載入網頁、圖片並顯示。（本地或是網路上的網頁、圖片、gif）

2、LoadData 顯示文字與圖片內容 （模擬器1.5、1.6）

3、LoadDataWithBase 顯示文字與圖片內容（支援多個模擬器版本）

下面來看看程式碼片段：

  1. packagecom.webviewdemo;
  3. importjava.net.URLEncoder;
  4. importandroid.app.Activity;
  5. importandroid.os.Bundle;
  6. importandroid.webkit.WebView;
  8. publicclassWebViewDemoextendsActivity{
  10. privateWebViewMyWebView;
  11. staticfinalStringmimeType="text/html";
  12. staticfinalStringencoding="utf-8";
  14. /**Calledwhentheactivityisfirstcreated.*/
  15. @Override
  16. publicvoidonCreate(BundlesavedInstanceState){
  17. super.onCreate(savedInstanceState);
  18. setContentView(R.layout.main);
  19. //
  20. MyWebView=(WebView)findViewById(R.id.MyWebview);
  21. //this.webHtml();
  22. //this.webImage();
  23. //this.localHtmlZh();
  24. //this.localImage();
  25. //this.localHtml();
  26. this.localHtmlImage();
  27. }
  29. /**
  30. *直接網頁顯示
  31. */
  32. privatevoidwebHtml(){
  34. try{
  35. MyWebView.loadUrl("http://www.google.com");
  36. }catch(Exceptionex){
  37. ex.printStackTrace();
  38. }
  39. }
  41. /**
  42. *直接網路圖片顯示
  43. */
  44. privatevoidwebImage(){
  45. try{
  46. MyWebView.loadUrl("http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif");
  47. }catch(Exceptionex){
  48. ex.printStackTrace();
  49. }
  50. }
  52. /**
  53. *中文顯示
  54. */
  55. privatevoidlocalHtmlZh(){
  56. try{
  57. Stringdata="<html>在模擬器2.1上測試</html>";
  58. //utf-8編碼處理(在SDK1.5模擬器和真實裝置上都將出現亂碼,SDK1.6上能正常顯示)
  59. //MyWebView.loadData(data,mimeType,encoding);
  60. //對資料進行編碼處理(SDK1.5版本)
  61. MyWebView.loadData(URLEncoder.encode(data,encoding),mimeType,encoding);
  62. //MyWebView.loadDataWithBaseURL(null,data,mimeType,encoding,null);
  64. }catch(Exceptionex){
  65. ex.printStackTrace();
  66. }
  67. }
  69. /**
  70. *顯示本地圖片檔案
  71. */
  72. privatevoidlocalImage(){
  73. try{
  74. //本地檔案處理
  75. Stringstr="file:///android_asset/icon.png";
  76. MyWebView.loadUrl(str);
  77. }catch(Exceptionex){
  78. ex.printStackTrace();
  79. }
  80. }
  82. /**
  83. *顯示本地網頁檔案
  84. */
  85. privatevoidlocalHtml(){
  86. try{
  87. //本地檔案處理(如果檔名中有空格需要用+來替代)
  88. MyWebView.loadUrl("file:///android_asset/test.html");
  89. }catch(Exceptionex){
  90. ex.printStackTrace();
  91. }
  92. }
  94. /**
  95. *顯示本地圖片和文字混合的Html內容
  96. */
  97. privatevoidlocalHtmlImage(){
  98. try{
  99. Stringdata="<HTML>在模擬器2.1上測試,這是<IMGsrc=\"APK'>file:///android_asset/igg.jpg\"/>APK裡的圖片";
  100. //SDK1.5本地檔案處理(不能顯示圖片)
  101. //MyWebView.loadData(URLEncoder.encode(data,encoding),mimeType,encoding);
  102. //SDK1.6及以後版本
  103. //MyWebView.loadData(data,mimeType,encoding);
  104. //本地檔案處理(能顯示圖片)
  105. MyWebView.loadDataWithBaseURL(null,data,mimeType,encoding,null);
  106. }catch(Exceptionex){
  107. ex.printStackTrace();
  108. }
  109. }
  110. }

執行 localHtmlImage(...) 這個方法的結果：


在上面的所有方法中，模擬器2.1下 呼叫 LoadData 方法總是出現亂碼。我想應該是2.1已經不在用它了吧。直接用LoadDataWithBaseURL 方法最簡單，不再牽涉編碼的轉換。

記住：顯示本地檔案時 必須使用APK'>file:///作為字首。

相關推薦

Android Webview載入本地資源

public voidloadData(Stringdata,StringmimeType,Stringencoding) 則會出現html程式碼中圖片路徑不對導致不能正常顯示圖片（通常是一個白色的固定大小的框，或者沒有）

Android webview載入https連結錯誤或無響應的解決

最近做無線WiFi的時候，在最後認證成功的時候會彈出一個廣告頁，於是用webview去載入了一下，結果沒反應，列印url出來看了一下，發現是https格式的，在使用WebView載入https資原始檔時，如果認證證書不被Android認可

Qt qml webview載入本地html

技術標籤：Qtandroidios Qt qml webview載入本地html 用qml做移動專案也有段時間了，今天分享一下qml的webview載入本地html吧

Android WebView 載入遠端html出現空白頁的解決方案

一. 簡單使用webView載入遠端url WebView webView = (WebView) dialog.findViewById(R.id.tnc_content);

uniapp webview載入本地頁面（傳參）

 根目錄下建立hybrid資料夾 hybrid下面建立html資料夾 html資料夾下存放html檔案 引入

JS_0058：JS 根據是否有網路判斷是否載入本地資源或網路資源

1，js判斷 <script type=\"text/javascript\" src=\"home/js/jquery.min.js\"></script> <script>

解決Android WebView攔截url,視訊播放載入失敗的問題

需求：Android呼叫webView載入網頁的時候，攔截某一個連結不執行此連結，執行指定跳轉到其他activity頁面。

Android Webview的postUrl與loadUrl載入頁面例項

關於Android的webview，用過的想必都不會陌生。這裡我就不說webview的基本用法了，想要知道的可以去網上百多，有很多介紹webview基本用法的。

Android中webView載入H5繫結cookie例項

簡介： 我最近在做專案的時候遇到了這種情況： 1.需要用WebView實現一個H5的登陸註冊。

Android 將本地資源圖片轉換成Drawable,進行設定大小操作

前言： 因為專案中顯示圖片是用Picasso，設定placeholder和error圖片的時候發現，本地圖片的大小無法滿足我的需求，需要先對圖片大小改變再顯示。

Android中從assets資源中讀取圖片檔案並儲存到內部儲存器並載入顯示在ImageView中

場景 Android系統為每個新設計的程式提供了/assets目錄，這個目錄儲存的檔案可以打包在程式裡。/res和/assets的不同點是，android不為/assets下的檔案生成ID。如果使用/assets下的檔案，需要指定檔案的路徑和檔名。a

Android—Webview 橫豎屏切換時重新載入問題

一行程式碼，簡單搞定 在相關Activity的清單檔案中新增android:configChanges="keyboardHidden|orientation|screenSize"，如下

淺析關於webpack5模組聯邦構建過程理解：3個重要概念理解（webpack構建產生資源包、remote暴露模組、host消費）、host與remote兩個角色的依賴關係、案例解析（暴露模組生成的各檔案意思、對應專案載入對應元件、所需資源分離）、基本原理（先載入遠端依賴再載入本地依賴）

　　關於其構建過程理解，主要學習這篇文章：https://blog.csdn.net/qq_40882724/article/details/116860994

Spring實戰之使用ClassPathResource載入xml資源示例

本文例項講述了Spring使用ClassPathResource載入xml資源。分享給大家供大家參考，具體如下：

Android WebView實現頂部進度條

專案中用到WebView加上進度條放在頂部，讓使用者知道載入進度情況，可以提高使用者體驗：

springboot2版本無法載入靜態資源問題解決

前言 在學習springboot的過程中，發現無法引用靜態資源。我使用的是springboot2.2.1版本。

Android實現載入對話方塊

本文例項為大家分享了Android實現載入對話方塊的具體程式碼，供大家參考，具體內容如下

使用preload預載入頁面資源時注意事項

preload 提供了一種宣告式的命令，讓瀏覽器提前載入指定資源(載入後並不執行)，在需要執行的時候再執行。提供的好處主要是

使用PreloadJS載入圖片資源的基礎方法詳解

一. 使用createjs裡的LoadQueue函式實現非同步載入圖片,監聽載入進度 1.例項物件LoadQueue載入佇列物件

Android實現向本地寫入一個XML檔案和解析XML檔案

在網路儲存過程中有很多時候會遇到XML檔案解析和使用XML儲存一些資訊，解析XML檔案用的比較多的方法是pull解析和SAX解析，但是我一般只用pull解析，下面就向cd卡寫入一個XML檔案，然後再使用pull解析的方法對檔案進行