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