2013-11-11 4 views
1

У меня есть сохраненное изображение в папке android «mnt/sdcard/offlineImages». Изображение называется img_0.jpg.Ссылка на изображение в sdcard PhoneGap

Теперь я хочу отобразить это изображение на html-странице через javascript.

Я пробовал следующие два случая.

CASE ONE WHICH WORKS.

html 
<img id="anImg" /> 

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

ДВА СЛУЧАЯ, который не работает.

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); 

ответ

3
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); 

Попробуйте

+0

Ну, я сожалею, что я не упомянул, но я добавляю ширину и высоту в процентах. Кроме того, я пытаюсь преобразовать уже действующий онлайн-код в phonegap. и Да, я должен попробовать сделать createElement вместо нового Image(). – codin

Смежные вопросы