Databases
StackOverflow2013
Postsdbo
POAndroid - adding a image in html webview
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POAndroid - adding a image in html webview
    text
    copied!<p>Ok so the image i'm using is called test.png and I have a java class (Cherry.java) and a xml class (cherry.xml) Also I have a html file in the /res/raw folder called htmltest.html. What i'm trying to do is when the user clicks a button on the previous page and then takes them to cherry.xml all it is a webview. Now in the java class its just opening up the htmltest file and in the html file is just a normal web based layout. I want to display images in the html file so a image thats in the drawable folder or something like that with out having to use the internet. (don't want the internet permission to be used). Below is the code for the 3 files I have.</p> <p>cherry.xml </p> <pre><code>&lt;WebView android:id="@+id/webviewHelp" android:layout_width="fill_parent" android:layout_height="fill_parent" /&gt; </code></pre> <p>Cherry.java</p> <pre><code>import java.io.ByteArrayOutputStream; import java.io.IOException; import java.io.InputStream; import android.app.Activity; import android.os.Bundle; import android.webkit.WebView; public class Cherry extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.cherry); WebView webview = (WebView) findViewById(R.id.webviewHelp); webview.loadData(readTextFromResource(R.raw.htmltest), "text/html", "utf-8"); } private String readTextFromResource(int resourceID) { InputStream raw = getResources().openRawResource(resourceID); ByteArrayOutputStream stream = new ByteArrayOutputStream(); int i; try { i = raw.read(); while (i != -1) { stream.write(i); i = raw.read(); } raw.close(); } catch (IOException e) { e.printStackTrace(); } return stream.toString(); } } </code></pre> <p>htmltest.html</p> <pre><code>&lt;html&gt; &lt;body&gt; &lt;h1&gt;My First Heading&lt;/h1&gt; &lt;p&gt;My first paragraph.&lt;/p&gt; &lt;h2&gt;Pictures&lt;/h2&gt; &lt;img border="0" src="file:///android_drawable/test.png" alt="nothing" width="304" height="228" /&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>Any more questions just ask and i'll reply as fast as possible. Everything works fine its just the images that I can't get to display.</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload