将HTML表导出到客户端的csv文件

时间:2011-10-15 19:58:43

标签: javascript html

我的网页上有一个html表格。我需要一个导出功能,例如,用户可以选择打开或在按钮点击时将其保存在本地计算机上。 由于我已经准备好了表格格式的数据,它需要读取它并使用浏览器功能将其导出到客户端本身,而不使用任何插件(jquery,..)。纯粹的JS会非常感激。

我的网页上的HTML表格:

<table id="incidents">
<tr>
<td>data1</td>
<td>data1</td>
<td>data1</td>
</tr>
<tr>
<td>data2</td>
<td>data2</td>
<td>data2</td>
</tr>
<tr>
<td>data3</td>
<td>data3</td>
<td>data3</td>
</tr>
</table>

我需要将此表导出到客户端计算机上的csv或excel表中,并提供打开或保存选项

1 个答案:

答案 0 :(得分:9)

在JavaScript中生成CSV文件的内容作为字符串(我假设您不是要求您为此编写此代码),然后encode it as Base64并使用MIME生成data: URI输入text/csv。将浏览器重定向到该URI,它应该触发用户的下载对话框。