国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專(zhuān)欄INFORMATION COLUMN

【js】——前端無(wú)插件導(dǎo)出excel：自定義sheet、插入圖片、設(shè)置打印、頁(yè)邊距、頁(yè)腳等

flybywind / 2842人閱讀

摘要：思路用現(xiàn)有的導(dǎo)出的插件，無(wú)法實(shí)現(xiàn)，所以只能手寫(xiě)各種樣式代碼關(guān)于打印頁(yè)腳之類(lèi)無(wú)從下手的要求，需要導(dǎo)出后，復(fù)制一份，原文件拖進(jìn)，查看源碼，復(fù)制的那份用打開(kāi)，設(shè)置打印頁(yè)腳。

背景

前段時(shí)間因一個(gè)需求后端無(wú)法完成，所以交給前端來(lái)實(shí)現(xiàn)，導(dǎo)出表格，需要實(shí)現(xiàn)：
1、支持多個(gè)sheet，并且有自己的name
2、根據(jù)要求合并單元格，設(shè)置單元格的寬高
3、在表格內(nèi)有各自的二維碼
4、打印的頁(yè)邊距為左右各0.5cm
5、打印多頁(yè)的話，固定表頭
6、設(shè)置頁(yè)腳

實(shí)現(xiàn)

導(dǎo)出后，如下圖所示：

源碼

https://github.com/pangpangni...
略凌亂，歡迎指正及優(yōu)化。

思路

用現(xiàn)有的js導(dǎo)出excel的插件，無(wú)法實(shí)現(xiàn)，所以只能手寫(xiě)各種樣式代碼；
關(guān)于打印、頁(yè)腳之類(lèi)無(wú)從下手的要求，需要導(dǎo)出后，復(fù)制一份，原文件拖進(jìn)sublime，查看源碼，復(fù)制的那份用wps打開(kāi)，設(shè)置打印、頁(yè)腳。然后復(fù)制的那份拖進(jìn)sublime，對(duì)比兩個(gè)文件的代碼有什么不同，就基本可以知道打印、頁(yè)腳的代碼。

Bug

1、只能用wps打開(kāi)，如果用excel打開(kāi)的話，會(huì)報(bào)錯(cuò)
2、wps打開(kāi)后，如果修改了內(nèi)容，保存后再打開(kāi)，二維碼消失

重點(diǎn)代碼

1、設(shè)置頁(yè)腳及頁(yè)邊距

2、文字折行

 
   送貨人：
   

   

   日 期 ：

3、打印固定表頭


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


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

4、插入圖片
目前只支持插入轉(zhuǎn)成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


其他的請(qǐng)自行摸索……

注意

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

            
                     
             
               

                   
 文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

                 
                   
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/93050.html

               

                      
               
              

              

                
相關(guān)文章

                
    
                             
                                                                                                    
  • 
                                                
    
                          
    JS實(shí)現(xiàn)打印的方式
    
                                                     
    摘要：實(shí)現(xiàn)打印的方式方式一會(huì)彈出打印對(duì)話框，打印的是中的內(nèi)容，下面是從網(wǎng)上摘到的一個(gè)局部打印的例子，該例子的不足是打印會(huì)修改頁(yè)面的內(nèi)容。

目前正在做瀏覽器端采用js方式實(shí)現(xiàn)打印這么一個(gè)功能，JS打印實(shí)現(xiàn)的方法很多，但是兼容各個(gè)瀏覽器實(shí)現(xiàn)打印預(yù)覽的功能有些棘手，現(xiàn)將實(shí)現(xiàn)的內(nèi)容及遇到的問(wèn)題記錄下來(lái)，希望有大牛看到所提的問(wèn)題后可以給予解答，在此感謝啦。
1.JS實(shí)現(xiàn)打印的方式
方式一：window...
    
                                                   
                          
    
                                
    
                                    LucasTwilight
                                    
                                    評(píng)論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                                       
  • 
                                                
    
                          
    CSS 打印
    
                                                     
    摘要：原文鏈接簡(jiǎn)介本文主要講解如何使用控制打印樣式。用戶代理可以調(diào)整文檔內(nèi)容的格式，使其顯示在可打印區(qū)域。不管是否雙面打印，打印總是包含左頁(yè)和右頁(yè)分別通過(guò)指定。偽類(lèi)和需要雙面打印時(shí)，通常需要將左頁(yè)和右頁(yè)設(shè)置不同的樣式如頁(yè)邊距頁(yè)碼位置。

原文鏈接：https://lon.im/post/css-print...
簡(jiǎn)介
showImg(https://segmentfault.com/img/r...
    
                                                   
                          
    
                                
    
                                    weapon
                                    
                                    評(píng)論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                                       
  • 
                                                
    
                          
    前端實(shí)現(xiàn)Excel導(dǎo)入和導(dǎo)出功能
    
                                                     
    摘要：介紹最近項(xiàng)目中讓實(shí)現(xiàn)一個(gè)導(dǎo)入導(dǎo)出的功能，查找了一些插件后發(fā)現(xiàn)這個(gè)插件，所以就嘗試使用了一下，這里將使用方法和遇到的問(wèn)題簡(jiǎn)單記錄一下。

介紹
最近項(xiàng)目中讓實(shí)現(xiàn)一個(gè)導(dǎo)入導(dǎo)出Excel的功能，查找了一些插件后發(fā)現(xiàn)js-xlsx這個(gè)插件，所以就嘗試使用了一下，這里將使用方法和遇到的問(wèn)題簡(jiǎn)單記錄一下。
SheetJS js-xlsx 是一款能夠讀寫(xiě)多種格式表格的插件，瀏覽器支持良好，并且能在多個(gè)...
    
                                                   
                          
    
                                
    
                                    Amio
                                    
                                    評(píng)論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                                       
  • 
                                                
    
                          
    使用 SpreadJS 實(shí)現(xiàn) JavaScript 中導(dǎo)入和導(dǎo)出Excel文件
    
                                                     
    摘要：而作為一款深受用戶喜愛(ài)的電子表格工具，借助其直觀的界面出色的計(jì)算性能和圖表工具，已經(jīng)成為數(shù)據(jù)統(tǒng)計(jì)領(lǐng)域不可或缺的軟件之一。使用實(shí)現(xiàn)的導(dǎo)入和導(dǎo)出通過(guò)純，您完全可以實(shí)現(xiàn)導(dǎo)入和導(dǎo)出文件功能，并為最終用戶提供與這些文件進(jìn)行交互的界面。

JavaScript是一個(gè)涵蓋多種框架、直譯式、可以輕松自定義客戶端的腳本語(yǔ)言，在 Web 應(yīng)用程序中，更加易于編碼和維護(hù)。而Excel 作為一款深受用戶喜愛(ài)的電...
    
                                                   
                          
    
                                
    
                                    Jioby
                                    
                                    評(píng)論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                           
                

              

              
               

                  
                  
發(fā)表評(píng)論

                   
               

              

                

                  
0條評(píng)論
   
                
 
                      

              

           

           

              
 
                

                   
              
  

                  
最新活動(dòng)
 
           
                             
              





                                
              

           

        

      
 
    

    
     

      
    

    
    

    
       
       

         
閱讀需要支付1元查看
  
         
     
       

      
  
    
    













<