JZTXT

JavaScript - JsBarcode条形码

发布时间 2023-08-07 22:04:13作者: wstong
<!DOCTYPE html>
<html>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jsbarcode/3.11.5/JsBarcode.all.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jQuery.print/1.6.2/jQuery.print.min.js"></script>
    <div id="print_content">
        <img id="barcode"></img>
        <br>姓名: 张三<br>身份证: 44044019990217444X<br>
    </div>
    <button id="print">打印</button>

    <script>
        $('#print').click(function(){
            JsBarcode("#barcode", '44044019990217444X|' + encodeURIComponent('张三'), {
                format: "CODE128",
                background: '#a5cfd5',
                lineColor: "#000000",
                width: 2,
                height: 80,
                displayValue: false
            });
            $('#print_content').print();

            // 界面不生成条形码打印
            // const img = document.createElement('img');
            // img.innerHTML = '';
            // img.id = 'wstong_barcode'
            // document.body.appendChild(img);
            // JsBarcode("#wstong_barcode", '44044019990217444X|' + encodeURIComponent('张三'), {
            //     format: "CODE128",
            //     background: '#a5cfd5',
            //     lineColor: "#000000",
            //     width: 2,
            //     height: 80,
            //     displayValue: false
            // });
            // var barcSrc = $("img[id='wstong_barcode']")[0]['src']
            // $("img[id='wstong_barcode']").remove();
            // var tmp = '<div><img id="barcode_img" src="'+barcSrc+'"><br>姓名: 张三<br>身份证: 44044019990217444X<br></div>'
            // $(tmp).print();
        })
    </script>
</html>

image