Guardar archivos en LocalStorage

[daPhyre]

Buen día compañeros del foro.

Experimentando con las nuevas características de HTML5, estuve jugando un rato con el FileAPI y desarrollé una pequeña WebApp experimental. El detalle es que, para facilitar la experiencia del usuario, quería guardar de alguna forma los archivos abiertos dentro de la información local para acceder a ellos cuando se volviera a abrir. Mi lógico intento fue este:

Código PHP:

  function openFiles(files){ 
    for(var i=0;i<files.length;i++){ 
        var file=files[i]; 
        if(file.type==wishType){ 
            myFiles.push(file); 
        } 
    } 
    if(myFiles.length){ 
        localStorage.setItem('myFiles',JSON.stringify(myFiles)); 
        readFile(0); 
    } 
} 
 
function init(){ 
    if(localStorage.myFiles) myFiles=JSON.parse(localStorage.getItem('myFiles')); 
    if(myFiles.length){ 
        readFile(0); 
    } 
} 
 
function readFile(n){ 
    var fr=new FileReader(); 
    fr.readAsDataURL(myFiles[n]); 
    console.log('Loading file #'+n); 
    fr.onload=function(e){ 
        var src=e.target.result; 
        console.log('File loaded'); 
        doStuff(src); 
    } 
}  
   

Por supuesto, al obtener los "archivos" del localStorage, no llega nunca al FileReader.onload, supongo que esto dado que no tiene referencia con la cual conectar a los archivos.

¿Alguien sabría una forma efectiva de lograr lo que intento? :S