用JavaScript创建并保存一个文件

我有想要写入文件的数据，并打开一个文件对话框供用户选择保存文件的位置。如果它能在所有浏览器中工作就太好了，但它必须在Chrome中工作。我想在客户端完成。

基本上我想知道在这个函数里放什么

saveFile: function(data)
{
}

函数接收数据，让用户选择保存文件的位置，并在该位置用该数据创建一个文件。

如果有帮助的话，使用HTML也很好。

当前回答

不可能在创建文件之前选择保存文件的位置。但至少在Chrome中，仅使用JavaScript就可以生成文件。这是我创建CSV文件的一个老例子。用户将被提示下载它。不幸的是，这在其他浏览器中并不能很好地工作，尤其是IE。

<!DOCTYPE html>
<html>
<head>
    <title>JS CSV</title>
</head>
<body>
    <button id="b">export to CSV</button>
    <script type="text/javascript">
        function exportToCsv() {
            var myCsv = "Col1,Col2,Col3\nval1,val2,val3";

            window.open('data:text/csv;charset=utf-8,' + escape(myCsv));
        }

        var button = document.getElementById('b');
        button.addEventListener('click', exportToCsv);
    </script>
</body>
</html>

2012-11-15 20:08:19

其他回答

你不能单纯地在Javascript中做到这一点。由于安全原因，Javascript在浏览器上运行还没有足够的权限(已经提出了建议)。

相反，我建议使用downadify:

一个微小的javascript + Flash库，可以创建和下载文本文件，无需服务器交互。

您可以在这里看到一个简单的演示，其中提供内容并测试保存/取消/错误处理功能。

2012-11-15 20:02:56

<!DOCTYPE html>
<html>
<head>
    <title>JS CSV</title>
</head>
<body>
    <button id="b">export to CSV</button>
    <script type="text/javascript">
        function exportToCsv() {
            var myCsv = "Col1,Col2,Col3\nval1,val2,val3";

            window.open('data:text/csv;charset=utf-8,' + escape(myCsv));
        }

        var button = document.getElementById('b');
        button.addEventListener('click', exportToCsv);
    </script>
</body>
</html>

2012-11-15 20:08:19

在控制台中尝试了这一点，并且它可以工作。

var aFileParts = ['<a id="a"><b id="b">hey!</b></a>'];
var oMyBlob = new Blob(aFileParts, {type : 'text/html'}); // the blob
window.open(URL.createObjectURL(oMyBlob));

2015-04-11 09:47:36

Javascript有一个文件系统API。如果你可以让这个功能只在Chrome中工作，一个好的起点是:http://www.html5rocks.com/en/tutorials/file/filesystem/。

2014-12-20 06:22:07

对于最新的浏览器，如Chrome，你可以使用本教程中的文件API:

window.requestFileSystem  = window.requestFileSystem || window.webkitRequestFileSystem;
window.requestFileSystem(window.PERSISTENT, 5*1024*1024 /*5MB*/, saveFile, errorHandler);

2012-11-15 20:05:34

用JavaScript创建并保存一个文件

推荐文章

最新文章

标签