在web页面上快速生成批量二维码的实用方法

最新推荐文章于 2025-05-06 14:22:56 发布

Victor jiang

最新推荐文章于 2025-05-06 14:22:56 发布

阅读量7.9k

点赞数 3

本文链接：https://blog.youkuaiyun.com/weixin_41190571/article/details/87937580

版权

本文介绍了如何在web页面上快速生成批量二维码，通过输入多个卡号，利用jq和qrcode工具实现，无需后端参与，操作简便且打印效果清晰。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近帮同事制作了一个二维码工具，需求是一次性输入多个卡号批量生成二维码并打印。好了，现在我们直接看代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>礼品卡二维码生成</title>
		<script type="text/javascript" src="./js/jquery.min.js"></script>
		<script type="text/javascript" src="./js/jquery.qrcode.min.js"></script>
		<style type="text/css">
        .codeBox{
            text-align: center;
            border: 3px solid black;
            overflow: hidden;
			margin-bottom: 900px;
        }
       .codeName{
           float: left; 
           display:inline-block;
           text-align: center;
           margin: 15px;
       }
       img{
           width:140px;
           height:140px;
           border: 1px solid black;
       }
       p{
           font-size: 12px;
       }
       .clearfix:after{
            co