Javascript 打印條碼标簽 js 打印條形碼不使用模闆- CCPrintingAPI js 打印API接口

Javascript 打印條碼标簽 js 打印條形碼不使用模闆- CCPrintingAPI js 打印API接口,,Javascript print,Javascript 靜默打印,Javascript 打印,Javascript 實現打印,web 打印, js打印, js 打印, Javascript 打印, js 靜默打印,js 不預覽打印,浏覽器(qì)打印,js标簽打印,js單據打印,打印條碼,Javascript 打印條碼,js 打印條碼,js打印條碼,js打印條形碼 ,CCPrintingAPI for Javascript 條碼打印API接口, 不使用模闆，js 打印條碼标簽，javascript 打印條碼标簽範例代碼，Javascript 标簽打印，條碼，二維碼标簽，js單據打印，很(hěn)容易集成。

适配

150+

品牌，

8000+

型号打印機

支持熱敏/熱轉印标簽、票(piào)據打印機，激光、噴墨、針式打印機

CCPrintingAPI

更好用、更通(tōng)用的打印機 API 開(kāi)發接口

文本圖片條碼二維碼序列号生(shēng)産日期有(yǒu)效期 GS1 UDI 等變量打印

支持開(kāi)發語言：Java , C# , C, C++, Javascript, Vue js , Python, VB.net, VB6, VB script

通(tōng)用版(不含打印機)

不限打印機型号

适配标簽機激光噴墨針式

專用版(含打印機)

ZPX5020t

熱轉印 200dpi

專用版(含打印機)

ZPX5030t

熱轉印 300dpi

CCPrintingAPI

概述

功能特性

商業授權

配備CCPrintingAPI的标簽打印機

更優惠

多(duō)台并行(xíng)打印

視(shì)頻

多(duō)台并行(xíng)打印(ChicoreDriver)

CCPrintingAPI 使用手冊

模闆設計(jì)

帶有(yǒu)明(míng)細的票(piào)據模闆設計(jì)

Vue Javascript

Vue 打印快速上(shàng)手

Vue API for

ChicoreDriver

Vue 打印帶有(yǒu)明(míng)細的票(piào)據

Vue 打印帶有(yǒu)明(míng)細的單據

Javascript

Javascript 快速上(shàng)手

Java

Python

VB 6.0/VBScript

VB 6.0/VBScript 快速上(shàng)手

C/C++

C/C++ 快速上(shàng)手

打印機

ChicoreDriver

鏈接

視(shì)頻号教程

微信客服

Javascript 打印條碼

無模闆

Javascript 打印機開(kāi)發接口,不使用模闆，直接打印條碼變量，隻需傳入條碼數(shù)據，API自動生(shēng)成條碼打印，通(tōng)過Javascript調用CCPrintingAPI打印機接口API,不提前設計(jì)模闆，進行(xíng)條碼打印。

Get Printers Print PrintPreview

1. 引入 CCPrintingAPI.min.js

引入CCPrintingAPI.min.js後，即可(kě)使用API的相關方法，進行(xíng)設置和(hé)打印操作(zuò)。

<script src="static/js/CCPrintingAPI.min.js"></script>

2. 如何獲取打印機列表

獲取計(jì)算(suàn)機上(shàng)安裝的所有(yǒu)打印機, 在調用API接口的打印方法時(shí)，指定該列表的打印機名稱進行(xíng)打印。如果能确保打印機名稱不變，該操作(zuò)也可(kě)省去。如果使用我們的打印機，可(kě)以直接使用訂購時(shí)的免驅打印機名稱，不用安裝驅動，也無需使用此代碼獲取打印機列表。


       function GetPrinters(){
       var cfgData = new Object;
       cfgData .XAction = "Printers";
       cfgData.XOpenId = m_OpenId;
       cfgData.XTokens = m_Tokens;
       CCPrintingAPI.Excute(cfgData ,
        function(XTimeout)
        {
            //timeout
        },
        function(XFail){
            //fail
            document.getElementById("tipsmessage").innerHTML =  "API可(kě)能未安裝或未啓動";	
        },
        function(XSuccess){
            //success
            var apiResult = JSON.parse(XSuccess.trim());
            if(apiResult.Status=="1"){ 
                    /*獲取到打印機列表*/
                    var prts =  document.getElementById("Printers");
                    prts.length = 0;
                    if(apiResult.Message.length  > 1  ){
                        for(var i = 1 ;i <  apiResult.Message.length;i++){
                            prts.options.add(new Option(apiResult.Message[i],apiResult.Message[i]));					
                        }
                        /*設置上(shàng)次使用的打印機*/					
                        prts.options[0].selected = 'selected';
                    }
                   }else{
                  if (apiResult.Message.length > 1)
                          document.getElementById("tipsmessage").innerHTML = apiResult.Message[0] +  " :  " + apiResult.Message[1];
                   else
                          document.getElementById("tipsmessage").innerHTML = apiResult.Message[0];
             }
         }		
        );
    }

3. 使用Json構建打印模闆

進行(xíng)相關參數(shù)設置後（指定打印機，設置模闆，設置打印數(shù)據），将指令通(tōng)過API傳給打印機。

使用智高(gāo)标簽打印軟件 CCPrintingAPI 不設計(jì)模闆有(yǒu)json構建模闆，打印條碼标簽


                   function GetSelfDraw(){
                        var selfdraw = {
          "Text":
           [
             {
               "Name" : "Text1" ,
               "LabelType" : "1" ,
               "X" : "9.525" ,
               "Y" : "2.1167" ,
               "Width" : "30.9562" ,
               "Height" : "6.0854" ,
               "Data" : "庫位編碼" ,
               "IsBind" : "0" ,
               "BindField" : "" ,
               "FontName" : "黑(hēi)體(tǐ)" ,
               "FontSize" : "9" ,
               "FontStyle" : "1" ,
               "RotateOrientation" : "0" ,
               "HAlignment" : "1" ,
               "VAlignment" : "1" ,
               "ForeColor" : "Black" ,
               "BackColor" : "Transparent" ,
               "Visible" : "1"
             },
             {
               "Name" : "Text3" ,
               "LabelType" : "1" ,
               "X" : "5.0271" ,
               "Y" : "21.9604" ,
               "Width" : "40.2167" ,
               "Height" : "4.4979" ,
               "Data" : "智高(gāo)軟件 服務智能制(zhì)造" ,
               "IsBind" : "0" ,
               "BindField" : "" ,
               "FontName" : "黑(hēi)體(tǐ)" ,
               "FontSize" : "7" ,
               "FontStyle" : "1" ,
               "RotateOrientation" : "0" ,
               "HAlignment" : "1" ,
               "VAlignment" : "1" ,
               "ForeColor" : "Black" ,
               "BackColor" : "Transparent" ,
               "Visible" : "1"
             }
           ],
           "Barcode":
           [
             {
               "Name" : "Barcode1" ,
               "LabelType" : "1" ,
               "X" : "8.7312" ,
               "Y" : "9.525" ,
               "Width" : "33.8667" ,
               "Height" : "10.8479" ,
               "Data" : "1234567890" ,
               "IsBind" : "1" ,
               "BindField" : "Field1" ,
               "BarcodeType" : "code128" ,
               "Code128CodeSet" : "3" ,
               "CheckDigit" : "1" ,
               "CheckDigitToText" : "1" ,
               "Charset" : "3" ,
               "FontName" : "Arial" ,
               "FontSize" : "9" ,
               "FontStyle" : "0" ,
               "RotateOrientation" : "0" ,
               "Alignment" : "0" ,
               "CodeTextSpace" : "0" ,
               "ShowText" : "1" ,
               "ForeColor" : "Black" ,
               "BackColor" : "Transparent" ,
               "Visible" : "1"
             }
           ],
            "PageSettings":
            {
                "Width" : "52" ,
                "Height" : "30" ,
                "TopMargin" : "0" ,
                "BottomMargin" : "0" ,
                "LeftMargin" : "1" ,
                "RightMargin" : "0" ,
                "PrinterPaperAutoSet" : "1" ,
                "UseQuickSetTool" : "1" ,
                "Landscape" : "0" 
            },

            "LabelDetail":
            {
                "Width" : "50" ,
                "Height" : "30" ,
                "RowSpan" : "2" ,
                "ColumnSpan" : "2" ,
                "Visible" : "1"
            },

            "DataBase":
            {
                "FieldNumbers" : "15" ,
                "FieldNames":
                [
                ]
            }
        };
        return JSON.stringify(selfdraw);
    }

4. 打印

進行(xíng)相關參數(shù)設置後（指定打印機，設置模闆，設置打印數(shù)據），将指令通(tōng)過API傳給打印機。


                  function Print () {
                       var prts = document.getElementById("Printers");
                       var selPrinter = prts.options[prts.selectedIndex].text;
                        var cfgData = new Object;
                        cfgData.XAction = "Print"
                        cfgData.XOpenId = m_OpenId;
                        cfgData.XTokens = m_Tokens;
                        /*指定打印機*/
                        cfgData.PrinterName = selPrinter ;
                        /*模闆方式，0-客戶端模闆，1-遠程模闆，
                                    2-如果本地模闆存在，使用本地，不存在使用遠程模闆，3-不使用模闆*/
                        cfgData.TemplateMode = "3";
                        cfgData.SelfDraw = GetSelfDraw();
                        /*打印數(shù)據的類型，0-數(shù)組，1-Json數(shù)組，元素為(wèi)JSON對象，字段：值*/
                        cfgData.PrintDataType = 1;
                        /*傳遞打印數(shù)據 Json數(shù)組*/ /*內(nèi)容不允許 半角的逗号及半角的分隔符2315002468301572.jpg*/
                        var arr = [
                            { Field1: '5002468301572'}, { Field1: '5002468301573'}
                        ];
                        cfgData.PrintData = JSON.stringify(arr);
                        /*打印 發送給打印機進行(xíng)打印*/
                        CCPrintingAPI.Excute(cfgData,
                            XTimeout => { },
                            XFail => {
                                document.getElementById("tipsmessage").innerHTML = 'API可(kě)能未安裝或未啓動, ' + XFail;
                            },
                            XSuccess => {
                                var apiResult = JSON.parse(XSuccess.trim());
                                if (apiResult.Status == "1") {
                                    var smsg = apiResult.Message[0];
                                    if (apiResult.Message.length > 1)
                                        smsg += " : " + apiResult.Message[1]
                                   document.getElementById("tipsmessage").innerHTML = smsg;
                                } else {
                                    if (apiResult.Message.length > 1)
                                       document.getElementById("tipsmessage").innerHTML = apiResult.Message[0] + " :  " + apiResult.Message[1];
                                    else
                                        document.getElementById("tipsmessage").innerHTML = apiResult.Message[0];
                                }
                            }
                        );
                    }