blocks|key|888343|text|在Webview中加载Html文件，并将图像放在资源文件夹中，然后使用Html读取该图像文件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|888344|<html>
++<table>
++++<tr>
++++++<td>
++++++++<img+src="abc.gif"+width="50px"+alt="Hello">
++++++</td>
++++</tr>
++</table>
</html>|code-block|syntax|javascript|888345|现在在Webview中加载该Html文件|888346|webview.loadUrl("file:///android_asset/abc.html");++|888347|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Load Html file in Webview and put your image in asset folder and read that image file using Html.

<pre><code>&lt;html&gt;
 &lt;table&gt;
 &lt;tr&gt;
 &lt;td&gt;
 &lt;img src="abc.gif" width="50px" alt="Hello"&gt;
 &lt;/td&gt;
 &lt;/tr&gt;
 &lt;/table&gt;
&lt;/html&gt;
</code></pre>

Now Load that Html file in Webview

<pre><code>webview.loadUrl("file:///android_asset/abc.html"); 
</code></pre>

blocks|key|888530|text|您也可以尝试|type|unstyled|depth|inlineStyleRanges|entityRanges|data|888531|String+data+=+"<body>"+%2B+"<img+src=\"large_image.png\"/></body>";

webView.loadDataWithBaseURL("file:///android_asset/",data+,+"text/html",+"utf-8",null);|code-block|syntax|javascript|888532|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can also try

<pre><code>String data = "&lt;body&gt;" + "&lt;img src=\"large_image.png\"/&gt;&lt;/body&gt;";

webView.loadDataWithBaseURL("file:///android_asset/",data , "text/html", "utf-8",null);
</code></pre>

blocks|key|888500|text|一种方便的方法(经常被遗忘)是在HTML内容中使用base64嵌入图像。这也适用于移动Webkit浏览器(IOS、Android..)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|888501|使用此方法的要点是，您可以在HTML内容中嵌入图像，而不是使用从webview到受限文件系统的图像链接。|888502|++<img+src="data:image/jpg;base64,xxxxxxxxxxxxxxxxxxxxxxxxxxxx"/>

++xxxxx+=+base64+encoded+string+of+images+bytes|code-block|syntax|javascript|888503|如果您想从文件系统中提供(base64嵌入式)图像数据，例如：|888504|1)在安卓系统中使用ContentProvider+-它将提供base64格式的图像字符串。|888505|<img+src="content://.............."/>|888506|2)或者你可以使用JSOUP或类似的DOM解析器对HTML进行预处理(在将其设置为webview之前)，并使用正确的base64编码图像调整图像源。|888507|这种方法的缺点是将图像转换为base64字符串的开销，当然也包括将更大的HTML数据发送到webview。|888508|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|Y|8|@]|9|@]|A|$]]|$1|M|3|N|5|F|7|Z|8|@]|9|@]|A|$G|H]]|$1|O|3|P|5|6|7|10|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|11|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

One convenient way (often forgotten) is to use base64 embedded images in HTML content. This will also work on mobile Webkit browsers (IOS, Android..).

Point of using this method is that you can embed images on HTML content, instead of fighting with image links from webview to restricted filesystem.

<pre><code> &lt;img src="data:image/jpg;base64,xxxxxxxxxxxxxxxxxxxxxxxxxxxx"/&gt;

 xxxxx = base64 encoded string of images bytes
</code></pre>

If you want to provide (base64 embedded) image data from filesystem, you can for example:

1) In Android use ContentProvider - which will provide base64 formatted image strings. 

<pre><code>&lt;img src="content://.............."/&gt;
</code></pre>

2) Or you can preprocess HTML with JSOUP or similar DOM parser (before setting it to webview) and adjust image src with properly base64 encoded image.

Disadvantages of this method is overhead included in converting image to base64 string and of course in proding larger HTML data to webview.

blocks|key|671232|text|使用此方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|671233|mview.loadDataWithBaseURL(folder.getAbsolutePath(),+content,+"text/html",+"windows-1252",+"");|code-block|syntax|javascript|671234|folder.getAbsolutePath()可以为"file:///android_asset"或仅为"/"|offset|length|style|CODE|671235|entityMap^0|0|0|0|O|R|N|1H|3|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]|$I|V|J|W|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|N|$]]

Use this method.

<pre><code>mview.loadDataWithBaseURL(folder.getAbsolutePath(), content, "text/html", "windows-1252", "");
</code></pre>

<code>folder.getAbsolutePath()</code> can be <code>"file:///android_asset"</code> or just <code>"/"</code>

blocks|key|671166|text|我认为您的代码中缺少一个\|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|671167|+++String+data+=+"<body>"+%2B+"<img+src=\\"file:///android_asset/large_image.png\"/></body>";++++++|code-block|syntax|javascript|671168|entityMap^0|C|1|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

I think there is a <code>\</code> missing in your code

<pre><code> String data = "&lt;body&gt;" + "&lt;img src=\\"file:///android_asset/large_image.png\"/&gt;&lt;/body&gt;"; 
</code></pre>

blocks|key|888715|text|除非您满足以下条件，否则将不会加载映像：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|888716|webSettings.setAllowFileAccessFromFileURLs(true);|code-block|syntax|javascript|888717|如果您使用的是html文件，那么它应该位于/app/src/main中名为"assets“的文件夹中。如果你没有那个文件夹，那就去做吧。然后使用以下命令加载html文件：|888718|myWebView.loadUrl("file:///android_asset/test.html");|888719|如果您将图像放在html文件所在的文件夹中，那么在html文件中，您只需执行以下常规操作：|888720|<img+src='myimage.jpg'+/>|888721|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

The image will not load unless you have:

<pre><code>webSettings.setAllowFileAccessFromFileURLs(true);
</code></pre>

If you are using a html file, it should be in a folder called "assets" in /app/src/main. If you don't have that folder then make it. Then load the html file with:

<pre><code>myWebView.loadUrl("file:///android_asset/test.html");
</code></pre>

If you put the image in the same folder as the html file, then in the html file you can just do a normal:

<pre><code>&lt;img src='myimage.jpg' /&gt;
</code></pre>

blocks|key|888557|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|888558|📷|atomic|offset|length|888559|888560|+webView.loadDataWithBaseURL("file:///android_asset/",+sourse,+"text/html",+"UTF-8",+null);|code-block|syntax|javascript|888561|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/c33444490c9a4598ecc68e30c4f9a86a.jpeg|imageAlt^0|0|0|1|0|0|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|W|8|@]|9|@$E|X|F|Y|1|Z]]|A|$]]|$1|G|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|11|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T|U|-4]]]]

<img src="https://i.stack.imgur.com/jSbpp.jpg" alt="enter image description here">

<pre><code> webView.loadDataWithBaseURL("file:///android_asset/", sourse, "text/html", "UTF-8", null);
</code></pre>

blocks|key|671555|text|对我来说，最好的方法是在MS+word中创建包含所有文本和图像的.html文件，并将文件另存为.html文件，然后将.html文件和相应的附件文件夹复制到assets文件夹中，并将asset文件夹中.html文件的地址提供给webview.loadUrl()...这是你需要做的.|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|671556|WebView+webview+=+(WebView)+findViewById(R.id.webView1);

webview.loadUrl("file:///android_asset/learning1/learning1.htm");|code-block|syntax|javascript|671557|entityMap^0|W|5|1B|5|1M|5|34|H|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]|$9|R|A|S|B|C]|$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|L|$]]

the best approach for me was to create my <code>.html</code> file with all the texts and images in MS word, and save the file as an <code>.html</code> file and copying both <code>.html</code> file and the corresponding attachments folder into assets folder and giving the address of .html file in asset folder to <code>webview.loadUrl()</code>...
Here is what you need to Do...

<pre><code>WebView webview = (WebView) findViewById(R.id.webView1);

webview.loadUrl("file:///android_asset/learning1/learning1.htm");
</code></pre>

I'm trying to diplay a local image in my webview :

<pre><code> String data = "&lt;body&gt;" + "&lt;img src=\"file:///android_asset/large_image.png\"/&gt;&lt;/body&gt;";
 webview.loadData(data, "text/html", "UTF-8");
</code></pre>

This code doesn't display anything, instead of :

<pre><code> webview.loadUrl("file:///android_asset/large_image.jpg");
</code></pre>

This one works, but I need to have complex web page, not just a picture.

Any ideas ?

Android - local image in webview

文件系统

Android

我正在尝试在我的网络视图中显示一个本地图像： String data = "<body>" + "<img src=\"file:///android_asset/large_image.png\"/></body>"; webview.loadData(data, "text/html", "UTF-8");此代码不显示任何内容，而是： webview.loadUrl("file:///andr

问webview中的Android本地图像
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问webview中的Android本地图像EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问webview中的Android本地图像
EN