将数据从localStorage保存到csv

时间:2013-05-07 21:26:17

标签: javascript html5 local-storage

是否可以将数据从本地存储保存到csv文件?

首先我要填写一个html表格,之后有些图片会显示评级按钮。 我的想法是将所有输入存储在本地存储中,然后将所有输出保存到csv文件(这应该保存在服务器上) 有没有办法将最后的所有数据保存到csv文件中?

1 个答案:

答案 0 :(得分:4)

使用Blob(https://developer.mozilla.org/en/docs/DOM/Blob)这似乎是可以实现的。首先从本地存储生成文件然后根据需要将其发送到服务器。这应该让你朝着正确的方向前进:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSV Export</title>
<script>
    function exportData() {
        var item = localStorage.csv=",what you want in the CSV,";

        var ary = localStorage.getItem( "csv" ); //csv as a string
        var blob = new Blob([ary], {type: "text/csv"});
        var url = URL.createObjectURL(blob);
        var a = document.querySelector("#results"); // id of the <a> element to render the download link
        a.href = url;
        a.download = "file.csv";

    }
</script>
</head>
<body>
    <button onclick="exportData()">Download CSV</button><br>
    <a id="results">CSV from local store</a>
    </body>
</html>

将文件放到服务器上是另一回事,但你应该能够调整它并使用PHP,.NET或其他任何东西。