在Windows Phone 7上的PhoneGap/Cordovia上的HTML中顯示來自LocalStore的圖像

Question

在Windows Phone 7上運行的PhoneGap上以HTML標記顯示來自LocalStorage的圖像需要什麼？

• 圖像從互聯網上下載並存儲在手機上（在Windows Phone 7上，它只能存儲在應用程序域的LocalStorege中）;

• 此圖像將使用PhoneGap \ Cordova HTML標記顯示，其中<img>元素;

• 使用<img src="xyz"/>不工作;

Answer 1

該解決方案與Android版本完全不同。

之後的步驟是必要的：

• 負載從localstore作爲二進制數據的圖像;

• 將它置於編碼的img元素的「src」屬性中;

代碼：

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