JavaScript:创建和保存文件

JavaScript:创建和保存文件

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

基本上,我想知道在这个函数中加入了什么:

saveFile: function(data){}

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

如果这有帮助的话,也可以使用HTML。


当年话下
浏览 1563回答 4
4回答

qq_遁去的一_1

在创建文件之前选择保存文件的位置是不可能的。但是,至少在Chrome中,只使用JavaScript生成文件是可能的。下面是我创建CSV文件的一个老例子。用户将被提示下载它。不幸的是,这在其他浏览器(特别是IE)中不能很好地工作。<!DOCTYPE&nbsp;html><html><head> &nbsp;&nbsp;&nbsp;&nbsp;<title>JS&nbsp;CSV</title></head><body> &nbsp;&nbsp;&nbsp;&nbsp;<button&nbsp;id="b">export&nbsp;to&nbsp;CSV</button> &nbsp;&nbsp;&nbsp;&nbsp;<script&nbsp;type="text/javascript"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;function&nbsp;exportToCsv()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;myCsv&nbsp;=&nbsp;"Col1,Col2,Col3\nval1,val2,val3"; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.open('data:text/csv;charset=utf-8,'&nbsp;+&nbsp;escape(myCsv)); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;button&nbsp;=&nbsp;document.getElementById('b'); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;button.addEventListener('click',&nbsp;exportToCsv); &nbsp;&nbsp;&nbsp;&nbsp;</script></body></html>
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript