我做了一个启动相机的PhoneGap应用程序,拍摄照片并保存到SD卡。如何将该图片以HTML格式显示?

时间:2013-10-17 22:33:40

标签: android image cordova

我做了一个启动相机的PhoneGap Android应用程序,拍摄照片并保存到SD卡。该应用程序在初始屏幕上显示图片。该应用程序还允许浏览一些其他网页。如果我离开(到另一个网页)并返回到第一个屏幕,图片就不再存在了。我试图从SD卡中获取它并使用HTML标签显示它,甚至在拍摄另一张照片之前就可以看到它,但是图片没有显示(我看到了“alt”文字)。

我不确定我的问题是否清楚,但我准备回答你的问题以澄清问题。

我的项目位于地址https://github.com/monicamarcus/Android_PhoneGap

的GitHub中

任何人都可以帮助我吗?谢谢!

第一次显示图片的Javascript:

//Called when a photo is successfully retrieved
//
function onPhotoDataSuccess(imageData) {
 var smallImage = document.getElementById('cameraPic');
smallImage.style.display = 'block'
smallImage.src = "data:image/jpeg;base64," + imageData;
}

1 个答案:

答案 0 :(得分:1)

试试这个:

   function onPhotoDataSuccess(imageData) { 
    localStorage.img="data:image/jpeg;base64,"+imageData;
    var smallImage = document.getElementById('cameraPic');
   smallImage.src= localStorage.img;
   smallImage.style.display = 'block'; 
   }



document.addEventListener('deviceready',function(){
if(typeof(localStorage.img)!='undefined'){
smallImage=document.getElementById('cameraPic');
smallImage.src=localStorage.img;
smallImage.style.display='block';
}
},false);