您好,登錄后才能下訂單哦!
這篇文章主要介紹“如何解決在前端中webView加載圖片的問(wèn)題”的相關(guān)知識(shí),小編通過(guò)實(shí)際案例向大家展示操作過(guò)程,操作方法簡(jiǎn)單快捷,實(shí)用性強(qiáng),希望這篇“如何解決在前端中webView加載圖片的問(wèn)題”文章能幫助大家解決問(wèn)題。
當(dāng)解析接口 突然出現(xiàn)一個(gè)xml形式的html格式的字符串的時(shí)候不用慌張,正常去交給webview的loaddata方法來(lái)解決即可,但是今天說(shuō)的是一組圖片字符串:
<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">
因?yàn)榻o出的網(wǎng)址不包含http:// 所以怎么解都解不出來(lái)的 我們只需要拼接一下這個(gè)數(shù)據(jù) 然后在利用jsoup來(lái)適配一下屏幕即可:
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();
}
當(dāng)時(shí)是想著吧該html片段還原一個(gè)標(biāo)準(zhǔn)的div嵌套無(wú)序列表的形式 結(jié)果發(fā)現(xiàn)不用這么麻煩依然好用 下面是代碼:
// content就是哪個(gè)html數(shù)據(jù)
String content = t1.getData().getContent();
//進(jìn)行拼接http:
String s = formatHtml(content);
//jsoup適配屏幕大小
Document doc = Jsoup.parse(s);
Elements elem_img = doc.getElementsByTag("img");
// 圖片自適應(yīng)屏幕
if (elem_img.size() != 0) {
for (Element el_img : elem_img) {
el_img.attr("style", "width:100%");
}
}
//適配之后轉(zhuǎn)換回字符串
String s1 = doc.toString();
//以下這些設(shè)置不用設(shè)置 設(shè)置效果也不如jsoup適配后的效果
// WebSettings settings = webView.getSettings();
// settings.setJavaScriptEnabled(true);
// settings.setUseWideViewPort(true);//關(guān)鍵點(diǎn)
// settings.setLoadWithOverviewMode(true);
//在webview內(nèi)部打開(kāi)瀏覽器
webView.setWebViewClient(new WebViewClient());
// settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
// settings.setDefaultTextEncodingName("utf-8") ;
//以下倆種方式效果一樣 用哪個(gè)都行
webView.loadData(s1, "text/html","utf-8");
// webView.loadDataWithBaseURL(null,s1, "text/html", "utf-8", null);
Log.i("tag", "subjectPage 1Result: "+s);
關(guān)于“如何解決在前端中webView加載圖片的問(wèn)題”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí),可以關(guān)注億速云行業(yè)資訊頻道,小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。