我有想要写入文件的数据,并打开一个文件对话框供用户选择保存文件的位置。如果它能在所有浏览器中工作就太好了,但它必须在Chrome中工作。我想在客户端完成。
基本上我想知道在这个函数里放什么
saveFile: function(data)
{
}
函数接收数据,让用户选择保存文件的位置,并在该位置用该数据创建一个文件。
如果有帮助的话,使用HTML也很好。
我有想要写入文件的数据,并打开一个文件对话框供用户选择保存文件的位置。如果它能在所有浏览器中工作就太好了,但它必须在Chrome中工作。我想在客户端完成。
基本上我想知道在这个函数里放什么
saveFile: function(data)
{
}
函数接收数据,让用户选择保存文件的位置,并在该位置用该数据创建一个文件。
如果有帮助的话,使用HTML也很好。
当前回答
Javascript有一个文件系统API。如果你可以让这个功能只在Chrome中工作,一个好的起点是:http://www.html5rocks.com/en/tutorials/file/filesystem/。
其他回答
对于最新的浏览器,如Chrome,你可以使用本教程中的文件API:
window.requestFileSystem = window.requestFileSystem || window.webkitRequestFileSystem;
window.requestFileSystem(window.PERSISTENT, 5*1024*1024 /*5MB*/, saveFile, errorHandler);
你不能单纯地在Javascript中做到这一点。由于安全原因,Javascript在浏览器上运行还没有足够的权限(已经提出了建议)。
相反,我建议使用downadify:
一个微小的javascript + Flash库,可以创建和下载文本文件,无需服务器交互。
您可以在这里看到一个简单的演示,其中提供内容并测试保存/取消/错误处理功能。
StreamSaver是保存非常大的文件的替代方案,而不必将所有数据保存在内存中。事实上,它模拟了服务器保存文件时的所有剂量,但所有客户端都使用service worker。
你可以获取写入器并手动写入Uint8Array的Uint8Array,或者将二进制readableStream管道到可写流
下面有几个例子:
如何将多个文件保存为zip文件 管道readableStream从响应或blob.stream()到StreamSaver 在输入内容时手动写入可写流 或者重新录制视频/音频
下面是一个最简单的例子:
const fileStream = streamSaver.createWriteStream('filename.txt')
new Response('StreamSaver is awesome').body
.pipeTo(fileStream)
.then(success, error)
如果你想保存一个blob,你只需要把它转换成一个readableStream
new Response(blob).body.pipeTo(...) // response hack
blob.stream().pipeTo(...) // feature reference
函数下载(文本,名称,类型){ var a = document.getElementById("a"); var file = new Blob([text], {type: type}); a.href = URL.createObjectURL(文件); A.download = name; } <a href="" id="a">点击这里下载你的文件</a> <button onclick="download('file text', 'myfilename.txt', 'text/plain')"> < / >创建文件按钮
然后,您可以通过将download属性放在锚标记上来下载文件。
我喜欢这个比创建一个数据url更好的原因是,你不需要做一个很大很长的url,你可以只生成一个临时的url。
Javascript有一个文件系统API。如果你可以让这个功能只在Chrome中工作,一个好的起点是:http://www.html5rocks.com/en/tutorials/file/filesystem/。