CODEWITHSUNDEEP
javascriptandroidcordova
hussainb
hussainb

Reputation: 1296

Linking to image in sdcard PhoneGap

I have a saved image in android "mnt/sdcard/offlineImages" folder. The image is named img_0.jpg.

Now I want to display this image on a html page via javascript.

I tried the following two cases.

CASE ONE WHICH WORKS.

html
<img id="anImg" />

javaScript
document.getElementById('anImg').src = "file:///mnt/sdcard/offlineImages/img_0.jpg";

CASE TWO, WHICH DOESN'T WORK.

html
<div id="img_wrap"></div>

javascript
var anImg = new Image();
anImg.src = "file:///mnt/sdcard/offlineImages/img_0.jpg";
document.getElementById("img_wrap").appendChild(anImg);

Upvotes: 1

Views: 1032

Answers (1)

Vicky Gonsalves
Vicky Gonsalves

Reputation: 11707

var anImg= document.createElement('img');
anImg.src = "file:///mnt/sdcard/offlineImages/img_0.jpg"; 
anImg.width="200px"; // consider adding width
anImg.height="150px";  // consider adding height
document.getElementById("img_wrap").appendChild(anImg);

Try this

Upvotes: 3

Related Questions