Vue API 打印圖片不使用模闆- CCPrintingAPI Vue js 打印API接口

Vue API 打印圖片不使用模闆- CCPrintingAPI Vue js 打印API接口,,vue print,vue靜默打印,vue打印,vue實現打印,web 打印, js打印, js 打印, Javascript 打印, js 靜默打印,js 不預覽打印,浏覽器(qì)打印,js标簽打印,js單據打印,打印圖片,vue 打印圖片,js 打印圖片 ,CCPrintingAPI for Vue 打印API接口, 不使用模闆，打印圖片，打印範例代碼，js标簽打印，條碼，二維碼标簽，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ì)頻号教程

微信客服

Vue 打印圖片

無模闆

Vue 打印機開(kāi)發接口,不使用模闆，直接打印圖片，通(tōng)過Vue調用CCPrintingAPI打印機接口API,不提前設計(jì)模闆，進行(xíng)圖片打印。

獲取打印機列表打印預覽

1. Vue項目中,引入 CCPrintingAPI.min.vue.js

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

import { CCPrintingAPI } from 'static/js/CCPrintingAPI.min.vue.js'

2. 如何獲取打印機列表

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


    GetPrinters: function () {
    var cfgData = new Object;
    cfgData.XAction = "Printers";
    cfgData.XOpenId = m_OpenId;
    cfgData.XTokens = m_Tokens;
    CCPrintingAPI.Excute(cfgData,
    XTimeout => { },
    XFail => {
    this.mytipsmessage = 'API可(kě)能未安裝或未啓動, ' + XFail;
    },
    XSuccess => {
    var d = new Date;
    this.timetick = d.getTime();
    var apiResult = JSON.parse(XSuccess.trim());
    if (apiResult.Status == "1") {
        if (apiResult.Message.length > 1) {
            this.options = [];
            for (var i = 1; i < apiResult.Message.length; i++) {
                var op = new Object;
                op.text = apiResult.Message[i];
                op.value = apiResult.Message[i];
                this.options.push(op);
            }
            /*設置上(shàng)次使用的打印機*/
            this.selected = this.options[0].value;
        }
    } else {
        if (apiResult.Message.length > 1)
            this.mytipsmessage = apiResult.Message[0] + " :  " + apiResult.Message[1];
        else
            this.mytipsmessage = apiResult.Message[0];
        }
    }
    );
    }

3. 使用Json構建打印模闆

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


                    GetSelfDraw:function(){
                        var selfdraw = {
                                "Image":
                                [
                                    {
                                    "Name" : "Image1" ,
                                    "LabelType" : "1" ,
                                    "X" : "0" ,
                                    "Y" : "0" ,
                                    "Width" : "50" ,
                                    "Height" : "30" ,
                                    "Data" : "" ,
                                    "IsBind" : "1" ,
                                    "BindField" : "Field1" ,
                                    "Embed" : "" ,
                                    "IsToFront" : "0" ,
                                    "IsThird" : "0" ,
                                    "ImageColor" : "0" ,
                                    "RotateOrientation" : "0" ,
                                    "KeepRatio" : "1" ,
                                    "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傳給打印機。


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