關於如何將html中的表格下載成csv格式的方法


今天在網上看了很多方法,自己還是慢慢探索寫出了最終效果

簡單代碼如下:

<!DOCTYPE html>
<html>
<head>
  <meta content="text/html; charset=utf-8">
<title>
</title>
<script>
function clickDownload(aLink){
  var oTest = document.getElementById('test');
  var str = "欄位1,欄位2,欄位3\n值1,值2,值3";
  oTest.href = "data:text/csv;charset=utf-8,\ufeff"+str;
}
</script>
</head>
  <body>
    <a id="test" onclick="clickDownload()" download="downlaod.csv" href="">download</a>
  </body>
</html>

其實在整個編寫過程中主要還是對於str的不同場景的處理,要獲取到你所想下載的表格內容然后轉化成字符串格式,其中橫向數據用“,”隔開,換行時候在字符串中添加“\n”換行符就可以順利完成要求。

注:測試對於safari不支持,對於IE最新版支持

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM