如何解決在前端中webView加載圖片的問題

這篇文章主要介紹“如何解決在前端中webView加載圖片的問題”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“如何解決在前端中webView加載圖片的問題”文章能幫助大家解決問題。

當解析接口 突然出現一個xml形式的html格式的字符串的時候不用慌張,正常去交給webview的loaddata方法來解決即可,但是今天說的是一組圖片字符串：

<img src="//yanxuan.nosdn.127.net/75c55a13fde5eb2bc2dd6813b4c565cc.jpg">
         <img src="//yanxuan.nosdn.127.net/e27e1de2b271a28a21c10213b9df7e95.jpg">
         <img src="//yanxuan.nosdn.127.net/9d413d1d28f753cb19096b533d53418d.jpg">
         <img src="//yanxuan.nosdn.127.net/64b0f2f350969e9818a3b6c43c217325.jpg">
         <img src="//yanxuan.nosdn.127.net/a668e6ae7f1fa45565c1eac221787570.jpg">
         <img src="//yanxuan.nosdn.127.net/0d4004e19728f2707f08f4be79bbc774.jpg">
         <img src="//yanxuan.127.net/79ee021bbe97de7ecda691de6787241f.jpg">

因為給出的網址不包含http:// 所以怎么解都解不出來的 我們只需要拼接一下這個數據 然后在利用jsoup來適配一下屏幕即可：

implementation 'org.jsoup:jsoup:1.10.2'

解析方法：

  public static String formatHtml(String str){
//        String httpStr="";
//        String divStr="<div>$content</div>";
//        String ulStr="<ul >$ul</ul>";
        String[] split = str.split(">");
        StringBuffer sb = new StringBuffer();
        for (int i = 0; i < split.length; i++) {
            String replace = split[i].replace("<img src="", "<img src="http:");
            sb.append(replace+">");
//            sb.append("<li>"+ replace +">"+"</li>");
        }
//        ulStr=ulStr.replace("$ul", sb.toString());
//        divStr=divStr.replace("$content", ulStr);


        return sb.toString();

    }

當時是想著吧該html片段還原一個標準的div嵌套無序列表的形式 結果發現不用這么麻煩依然好用 下面是代碼：

 //  content就是哪個html數據
       String content = t1.getData().getContent();
  //進行拼接http:
            String s = formatHtml(content);
//jsoup適配屏幕大小
            Document doc = Jsoup.parse(s);

            Elements elem_img = doc.getElementsByTag("img");
// 圖片自適應屏幕
            if (elem_img.size() != 0) {
                for (Element el_img : elem_img) {
                    el_img.attr("style", "width:100%");
                }
            }
//適配之后轉換回字符串
            String s1 = doc.toString();

//以下這些設置不用設置 設置效果也不如jsoup適配后的效果
//            WebSettings settings = webView.getSettings();
//            settings.setJavaScriptEnabled(true);
//            settings.setUseWideViewPort(true);//關鍵點
//            settings.setLoadWithOverviewMode(true);
 //在webview內部打開瀏覽器
            webView.setWebViewClient(new WebViewClient());
//            settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
//            settings.setDefaultTextEncodingName("utf-8") ;
//以下倆種方式效果一樣 用哪個都行
            webView.loadData(s1, "text/html","utf-8");
//            webView.loadDataWithBaseURL(null,s1, "text/html",  "utf-8", null);
            Log.i("tag", "subjectPage 1Result: "+s);

關于“如何解決在前端中webView加載圖片的問題”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。