QrCode 생성하기

POM.xml

pom에 repository와 dependency추가

구글사에서 공개한 API사용을 위해 추가. 또는 jar를 직접 다운받아 classpath에 추가.

<repository> <id>central</id> <name>Central Repository</name> <url>http://central.maven.org/maven2/</url> </repository> <repository> <id>clojars</id> <name>Clojars Repository</name> <url>http://clojars.org/repo/</url> </repository> <!-- https://mvnrepository.com/artifact/com.google.zxing/javase --> <dependency> <groupId>com.google.zxing</groupId> <artifactId>javase</artifactId> <version>3.3.0</version> </dependency>

 

컨트롤러

일반 바코드처럼 QR코드이미지 밑에 label만 추가했음.

@RequestMapping(value = "/system/test/testQrCode.do") public void selectTestQrCode(HttpServletRequest req, HttpServletResponse res) throws Exception { res.setContentType("image/png; charset=UTF-8"); res.setHeader("Content-Transfer-Encoding", "binary"); String text = req.getParameter("content"); MultiFormatWriter gen = new MultiFormatWriter(); BitMatrix bitMatrix = gen.encode(text, BarcodeFormat.QR_CODE, 180, 180); MatrixToImageConfig conf = new MatrixToImageConfig(0xff44b316, 0x00FFFFFF); BufferedImage qrImage = MatrixToImageWriter.toBufferedImage(bitMatrix, conf); BufferedImage combined = new BufferedImage(qrImage.getWidth(), qrImage.getHeight(), BufferedImage.TYPE_INT_ARGB); Graphics2D g = (Graphics2D) combined.getGraphics(); g.drawImage(qrImage, 0, 0, null); g.setColor(new Color(0xff44b316)); g.setFont(new Font("굴림", Font.BOLD, 25)); int deltaWidth = qrImage.getWidth() - g.getFontMetrics().stringWidth(text); g.drawString(text, (int) Math.round(deltaWidth / 2), qrImage.getHeight()-2); ImageIO.write(combined, "png", res.getOutputStream()); res.getOutputStream().flush(); res.getOutputStream().close(); }

  

JSP

자바스크립트

<script type="text/javascript"> function fUsrAction(mode) { switch (mode) { case "qrcode" : var time = new Date().getTime(); $("#img1").attr("src","/system/test/testQrCode.do?content="+form1.content1.value+"&time"+time); break; default : break; } } </script>

 

HTML

<h1>QRCode Create</h1> <div> <input type="text" style="width:200px" name="content1" value="ASDFGHJ"/> <button type="button" style="cursor:pointer;" onclick="javascript:fUsrAction('qrcode')">QrCode생성</button>  <img id="img1" style="display:none" onload="this.style.display='block'"/> </div>