如何将HTML5 Web数据库的内容下载到客户端？

Question

我正在寻找一种方法将HTML5 Web数据库的内容保存到本地文件以进行持久化并重新加载到Web应用程序中。我使用Firefox 3.6.8和HTML5功能来使用本地Web数据库。我可以上传文件并阅读它的内容，但无法找到将数据库内容保存到文件系统的优雅方式。有任何想法吗？

我相信有闪光灯写的东西可以做到这一点。我会考虑这一点，但我宁愿选择直接的HTML 5版本。

Answer 1

你不能用纯HTML5做这件事，因为它没有任何机制来处理本地文件（这意味着无论如何都存在安全风险）。您至少需要一些JavaScript或Flash来在本地存储数据。

但是你不能使用JavaScript访问本地文件系统。您只能使用Cookie或浏览器的功能。

你也不能使用Flash来做到这一点。两个系统的工作原理都相同：它们将信息存储在浏览器/ Flash指定的位置。而且，在这两种情况下，空间都是有限的（这个限制随着平台甚至个人设置而变化）。

要做到这一点的唯一方法是将数据发布到服务器（例如使用隐藏表单），并让服务器以标题Content-Disposition: attachment作出响应并将文件发送回客户端。例如：

<form action="doLoopback.php" method="POST" name="theForm"> 
    <input type="hidden" id="data-container" name="data"> 
</form> 
<span id="trigger">→ Click here! ←</span> 
<script> 
var theData = '123, 2334, "Fé℗⇒oo"'; 

function sendData() { 
    document.getElementById('data-container').value = theData; 
    document.theForm.submit(); 
} 

window.onload = function() { 
    var el = document.getElementById('trigger'); 
    el.onclick = sendData; 
}; 
</script> 

，并使用PHP响应文件上写着：

<?php 
    if (isset($_POST['data'])) { 
     header('Content-Disposition: attachment; filename=foo.csv'); 
     header('Content-Type: application/octet-stream'); 
     echo $_POST['data']; 
    } 
?>