show image in webpage in android - android

WebView wv = (WebView) findViewById(R.id.webview1);
wv.setWebViewClient(new Callback());
WebSettings webSettings = wv.getSettings();
webSettings.setBuiltInZoomControls(true);
final String mimeType = "text/html";
final String encoding = "UTF-8";
String html = "<H1>A simple HTML page</H1><body>" +"<a>link using anchor tag</a>"+
"<p>The quick brown fox jumps over the lazy dog</p>";
wv.loadDataWithBaseURL("", html, mimeType, encoding, "");
after link, I want so show image. so
how to put address of that image if it is stored in /images folder of sdcard
i.e. what should be address in src attribute?
regards

mWebView = (WebView) findViewById(R.id.webview);
mWebView.getSettings().setAllowFileAccess(true);
mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.getSettings().setBuiltInZoomControls(true);
String base = Environment.getExternalStorageDirectory().getAbsolutePath().toString();
String imagePath = "file://"+ base + "/test.jpg";
String html = "<html><head></head><body><img src=\""+ imagePath + "\"></body></html>";
mWebView.loadDataWithBaseURL("", html, "text/html","utf-8", "");

In a imagePath , set location of your image. Like here its showing test.jpg file is stored in images folder.
String base = Environment.getExternalStorageDirectory().getAbsolutePath().toString();
String imagePath = "file://"+ base + "/images/test.jpg";
String html = "<html><head></head><body><img src=\""+ imagePath + "\"></body></html>";
mWebView.loadDataWithBaseURL("", html, "text/html","utf-8", "");

Related

showing http images from html using webview

i want to show the images from http not stored in local. am not able to show images.
webView = (WebView) findViewById(R.id.webView1);
webView.getSettings().setJavaScriptEnabled(true);
String customHtml = "<html><body>"
+ "<h1>Hello, WebView</h1>"
+"<img src="+"'http://dreamatico.com/data_images/flowers/flowers-5.jpg'"+" height="+142+" width="+142+">"
+ "</body></html>";
webView.loadData(customHtml, "text/html", "UTF-8");
Create the html file and put it in the assets folder and load that html file using
WebView mWebView = null;
mWebView = (WebView) findViewById(R.id.webview);
mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.loadUrl("file:///android_asset/new.html");

showing image from sdcard with webview not working

I have downloaded map750.png file in the root of sdcard, but when I try to show it within a webview with some text, only the text is shown. Could you help me to find what is wrong in the code? thanks.
setContentView(R.layout.webview);
mWebView = (WebView) findViewById(R.id.webview);
mWebView.getSettings().setAllowFileAccess(true);
mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.getSettings().setBuiltInZoomControls(true);
String html = "<html><head></head><body><p>hello</p><img src=\"file://mnt/sdcard/map750.png\" alt=\"alternativo\" /></body></html>";
mWebView.loadData(html, "text/html","utf-8");
I edit the post to add the solution suggested by oneilse14, thanks!!
setContentView(R.layout.webview);
mWebView = (WebView) findViewById(R.id.webview);
mWebView.getSettings().setAllowFileAccess(true);
mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.getSettings().setBuiltInZoomControls(true);
String html = "<html><head></head><body><p>hello</p><img src=\"file://mnt/sdcard/map750.png\" alt=\"alternativo\" /></body></html>";
mWebView.loadDataWithBaseURL("", html, "text/html", "utf-8", "");
Try this,
final String fileName = "file:///mnt/sdcard/1.jpg";
final String mimeType = "text/html";
final String encoding = "utf-8";
final String html = "<img src=\""+fileName+"\">";
webView.loadDataWithBaseURL("", html, mimeType, encoding, "");
Check out loadDataWithBaseURL() in the Developer docs
http://developer.android.com/reference/android/webkit/WebView.html
loadData() has certain restrictions on what it can display. This method is able to display local device files like you are trying to do.
Note that the access using the file:// schema can fail due security restrictions.
Another approach is to use the URI of a ContentProvider that handles the local file access. Overwrite openFile(Uri, String) in a subclass of ContentProvider for this approach.

how to play swf file from sd card in my android application?

i play swf file from my asset fold but i want to play it from my sd card...
String html = "<object width=\"1008\"height=\"550\"> <param name=\"movie\" value=\"file:///android_asset/chem1.swf\"> <embed src=\"file:///android_asset/chem1.swf\" width=\"1008\"height=550\"> </embed> </object>";
// <param name=\"movie\" value=\"file:///android_asset/absorptionofmineralsalts.swf\"> <embed src=\"file:///android_asset/absorptionofmineralsalts.swf\"> </embed>";
String mimeType = "text/html";
String encoding = "utf-8";
myWebView = (WebView) findViewById(R.id.swfview);
// WebView wv=(WebView) findViewById(R.id.swfview);
myWebView.getSettings().setSupportZoom(false);
myWebView.getSettings().setJavaScriptEnabled(true);
myWebView.getSettings().setPluginsEnabled(true);
// wv.getSettings().setPluginState(PluginState.ON);
myWebView.getSettings().setAllowFileAccess(true);
WebViewClient webViewClient = new WebViewClient();
myWebView.setWebViewClient(webViewClient);
myWebView.setInitialScale(100);
// wv.loadData(html, mimeType, encoding);
// wv.getSettings().setJavaScriptEnabled(true);
myWebView.loadDataWithBaseURL("null", html, mimeType, encoding, "");
Try this :
if (!Environment.getExternalStorageState().equals(Environment.MEDIA_MOUNTED)){
System.exit(4);
} else {
mWebView.loadUrl("file://" + Environment.getExternalStorageDirectory() + "/swf2.html");
}
For more reference follow this link :
How to Play local swf files in a webview

Zoom in/out issue in webview in Android

I am displaying the image in webview.
By using this:
final String mimeType = "text/html";
final String encoding = "utf-8";
String filePath = "file://"+file;
final String html = "<img width=\"100%\" height=\"100%\" src=\""+filePath+"\" />";
Log.v("HTML",html);
webViewe.loadDataWithBaseURL("fake://not/needed", html, mimeType, encoding, "");
When double click on the WebView its zoom the image but when again i double click on it the blank white screen is display.
How to resolve it?
Do you mean you need zoom controls:
webview.getSettings().setBuiltInZoomControls(true);

How do i reference an Image from with in an HTML page locally package in an android App?

I was trying to display a static html page in an android app having some images in it.
I saved the image in assests folder and also in res/raw folder.
I was loading html file with this technique and html file is also in res/raw folder.
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
mWebView = (WebView) findViewById(R.id.webview);
mWebView.getSettings().setJavaScriptEnabled(true);
String data = ResourceUtils.loadResToString(R.raw.temp, this);
final String mimetype = "text/html";
final String encoding = "UTF-8";
mWebView.loadData(data, mimetype, encoding);
I tried different ways to refer to image like.
img1.png, /img1.png, file:///img1.png, content://img1.png
HtmlViewer/assets/img1.png, content:///HtmlViewer/assets/img1.png and file:///HtmlViewer/assets/img1.png
PackageName/assets/img1.png, content:///PackageName/assets/img1.png and file:///PackageName/assets/img1.png
Can anyone tell me how to get path for image?
file:///android_asset/file_name.ext
This should work. Use this method instead.
loadDataWithBaseURL("file:///android_asset/", summary, "text/html", "utf-8", null);

Categories

Resources