android - 我做了一个启动相机的PhoneGap应用程序，拍照并保存到SD卡。如何让该图片以 HTML 格式显示？

Question

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

我不确定我的问题是否清楚，但我准备回答您的问题以澄清它。

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

任何人都可以帮助我吗？谢谢！

第一次显示图片的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;
}

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