2011-10-15 44 views
4

我的網頁上有一個html表格。我需要一個導出功能,用戶在點擊按鈕時可以選擇打開或保存在本地機器上。 因爲我已經準備好了表格格式的數據,所以需要讀取它並使用瀏覽器功能將它導出到客戶端本身,而不使用任何插件(jquery,..)。純JS將非常感激。在我的網頁將HTML表格導出到客戶端的csv文件

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客戶機給人開放的選項上表或保存

+0

不認爲會發生,瀏覽器無法在客戶端上寫入或讀取文件 –

+1

我認爲您現在可以使用HTML 5文件API編寫文件 – meleyal

+0

您可以發佈表格標記的片段嗎? – meleyal

回答

9

生成CSV內容文件作爲JavaScript中的字符串(我假設你沒有要求只爲你寫這個代碼),然後encode it as Base64並生成一個data: URI與MIME類型text/csv。將瀏覽器重定向到該URI,它應該爲用戶觸發一個下載對話框。