Javascript 在Windows Phone 7上的PhoneGap/Cordovia上以HTML格式显示LocalStore中的图像

在Windows Phone 7上运行的PhoneGap上以HTML标记显示本地存储中的图像需要什么

• 图像从Internet下载并存储在手机上（在Windows phone 7上，图像只能存储在应用程序域的LocalStorege中）

• 此图像将使用PhoneGap\Cordova HTML标记显示，
  不起作用

---

该解决方案与Android版本截然不同

以下步骤是必要的：

• 将图像作为二进制数据从localstore加载

• 将其放入编码的img元素的“src”属性中

代码：

var fileName='myappname/test.png'；
requestFileSystem（LocalFileSystem.PERSISTENT，0，onfileSystemsSuccess，onFail）；
函数onFileSystemsSuccess（文件系统）{
getFile（fileName，null，gotFileEntry，onFail）；
}
函数gotFileEntry（fileEntry）{
fileEntry.file（onGotFile，onFail）；
}
函数gotFile（onGotFile）{
var reader=new FileReader（）；
reader.onloadend=函数（evt）{
$（'#outerDiv'）.html（''）；
};
reader.readAsDataURL（文件）；
}
功能失效（evt）{
log（'error:'+evt.target.error.code）；
}

var fileName = 'myappname/test.png';

window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, onFileSystemSuccess, onFail);

function onFileSystemSuccess (fileSystem) {
  fileSystem.root.getFile(fileName, null, gotFileEntry, onFail);
}

function gotFileEntry(fileEntry) {
  fileEntry.file(onGotFile, onFail);
}

function gotFile(onGotFile) {
  var reader = new FileReader();
  reader.onloadend = function (evt) {
    $('#outerDiv').html('<img src="' + evt.target.result + '" />');
  };
  reader.readAsDataURL(file); 
}

function onFail(evt) {
  console.log('error: ' + evt.target.error.code);
}