【js】——前端無插件導出excel：自定義sheet、插入圖片、設置打印、頁邊距、頁腳等

flybywind 發布于2019-08-22 14:58 / 2883人閱讀

摘要：思路用現有的導出的插件，無法實現，所以只能手寫各種樣式代碼關于打印頁腳之類無從下手的要求，需要導出后，復制一份，原文件拖進，查看源碼，復制的那份用打開，設置打印頁腳。

背景

前段時間因一個需求后端無法完成，所以交給前端來實現，導出表格，需要實現：
1、支持多個sheet，并且有自己的name
2、根據要求合并單元格，設置單元格的寬高
3、在表格內有各自的二維碼
4、打印的頁邊距為左右各0.5cm
5、打印多頁的話，固定表頭
6、設置頁腳

實現

導出后，如下圖所示：

源碼

https://github.com/pangpangni...
略凌亂，歡迎指正及優化。

思路

用現有的js導出excel的插件，無法實現，所以只能手寫各種樣式代碼；
關于打印、頁腳之類無從下手的要求，需要導出后，復制一份，原文件拖進sublime，查看源碼，復制的那份用wps打開，設置打印、頁腳。然后復制的那份拖進sublime，對比兩個文件的代碼有什么不同，就基本可以知道打印、頁腳的代碼。

Bug

1、只能用wps打開，如果用excel打開的話，會報錯
2、wps打開后，如果修改了內容，保存后再打開，二維碼消失

重點代碼

1、設置頁腳及頁邊距

2、文字折行

 
   送貨人：
   

   

   日 期 ：

3、打印固定表頭


   Print_Titles
   1
   =3D"2773"!$1:$7


   Print_Titles
   1
   =3D"2773"!$1:7

4、插入圖片
目前只支持插入轉成base64的圖

------BOUNDARY_0008----
Content-Location: file:///C:/0E8D990C/SongHuoDan/code2773.xml
Content-Transfer-Encoding: base64
Content-Type: image/jpeg

iVBORw0KGgoA...省略掉...Qn9mxgAAAABJRU5ErkJggg==
------BOUNDARY_0008----
Content-Location: file:///C:/0E8D990C/SongHuoDan/code2774.xml
Content-Transfer-Encoding: base64
Content-Type: image/jpeg

其他的請自行摸索……

注意

1、請嚴格按照格式拼接代碼（空格、空行等）
2、注意分割線boundary="----BOUNDARY_0008----"，BOUNDARY_0008可以改成別的

GPU云服務器云服務器 js插件自定義自定義彈框js插件頁邊距自定義插件

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/93050.html

JS實現打印的方式

摘要：實現打印的方式方式一會彈出打印對話框，打印的是中的內容，下面是從網上摘到的一個局部打印的例子，該例子的不足是打印會修改頁面的內容。目前正在做瀏覽器端采用js方式實現打印這么一個功能，JS打印實現的方法很多，但是兼容各個瀏覽器實現打印預覽的功能有些棘手，現將實現的內容及遇到的問題記錄下來，希望有大牛看到所提的問題后可以給予解答，在此感謝啦。 1.JS實現打印的方式方式一：window...

LucasTwilight 2019-08-23 11:28 評論0 收藏0
CSS 打印

摘要：原文鏈接簡介本文主要講解如何使用控制打印樣式。用戶代理可以調整文檔內容的格式，使其顯示在可打印區域。不管是否雙面打印，打印總是包含左頁和右頁分別通過指定。偽類和需要雙面打印時，通常需要將左頁和右頁設置不同的樣式如頁邊距頁碼位置。原文鏈接：https://lon.im/post/css-print... 簡介 showImg(https://segmentfault.com/img/r...

weapon 2019-08-29 12:55 評論0 收藏0
前端實現Excel導入和導出功能

摘要：介紹最近項目中讓實現一個導入導出的功能，查找了一些插件后發現這個插件，所以就嘗試使用了一下，這里將使用方法和遇到的問題簡單記錄一下。介紹最近項目中讓實現一個導入導出Excel的功能，查找了一些插件后發現js-xlsx這個插件，所以就嘗試使用了一下，這里將使用方法和遇到的問題簡單記錄一下。 SheetJS js-xlsx 是一款能夠讀寫多種格式表格的插件，瀏覽器支持良好，并且能在多個...

Amio 2019-08-23 14:55 評論0 收藏0
使用 SpreadJS 實現 JavaScript 中導入和導出Excel文件

摘要：而作為一款深受用戶喜愛的電子表格工具，借助其直觀的界面出色的計算性能和圖表工具，已經成為數據統計領域不可或缺的軟件之一。使用實現的導入和導出通過純，您完全可以實現導入和導出文件功能，并為最終用戶提供與這些文件進行交互的界面。 JavaScript是一個涵蓋多種框架、直譯式、可以輕松自定義客戶端的腳本語言，在 Web 應用程序中，更加易于編碼和維護。而Excel 作為一款深受用戶喜愛的電...

Jioby 2019-08-23 18:31 評論0 收藏0