所以基本上发生了什么是:
1)按钮单击
2)返回json arrya的外部请求
3)循环遍历数组并将每个元素保存在文件中(客户端)
问题是console.log(fileName)
只打印最后一个元素。所以我得到n
了最后一个文件名的时间。
有没有办法欺骗window.webkitRequestFileSystem
做我需要的事情,或者可能有解决方法。
document.getElementById("reload-files").onclick = function() {
reloadFiles(localStorage["user_mail"]);
}
function reloadFiles (email) {
var files = [];
var xhr = new XMLHttpRequest();
var url = "...url...&email="+escape(email);
xhr.open("GET", url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4) {
resp = JSON.parse(xhr.responseText);
for (var i = resp.length - 1; i >= 0; i--) {
fileName = resp[i].name;
fileData = resp[i].data;
files.push(fileName);
// save file
window.webkitRequestFileSystem(window.PERSISTENT, resp[i].data.length, writeToFileStorage, errorHandler);
};
localStorage["files"] = JSON.stringify(files);
}
}
xhr.send();
}
function writeToFileStorage(fs) {
fs.root.getFile(fileName, {create: true}, function(fileEntry) {
// Create a FileWriter object for our FileEntry (log.txt).
fileEntry.createWriter(function(fileWriter) {
fileWriter.onwriteend = function(e) {
console.log(fileName);
};
var blob = new Blob([fileData], {type: 'application/javascript'});
fileWriter.write(blob);
}, errorHandler);
}, errorHandler);
}