av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

vue+spring boot實(shí)現(xiàn)校驗(yàn)碼功能

瀏覽:38日期:2022-09-29 11:10:50

本文實(shí)例為大家分享了vue+spring boot實(shí)現(xiàn)校驗(yàn)碼功能的具體代碼,供大家參考,具體內(nèi)容如下

用vue寫了一個(gè)校驗(yàn)碼來玩玩,樣子如下:

vue+spring boot實(shí)現(xiàn)校驗(yàn)碼功能

1.img標(biāo)簽

<img ='height:40px; width: 100px; cursor: pointer;' ref='imgIdentifyingCode' :src='http://m.4tl426be.cn/bcjs/selectedLogoPicture.imgUrl' >

2.js代碼

/** * 獲取校驗(yàn)碼 */ getIdentifyingCode() { let selft = this; //let pic = this.$refs.imgIdentifyingCode selft.loadingChack = true; let uuid = Utils.getUuid(32, 16); this.$store.state.uuid = uuid; this.$api.reader.getVerify({ responseType: 'arraybuffer', uuid: uuid },r => { selft.loadingChack = false; selft.selectedLogoPicture.imgUrl = 'data:image/png;base64,' + r;} ); },

3.controller

@RequestMapping('/getVerify') public void getVerify(@RequestParam String uuid, HttpServletRequest request, HttpServletResponse response) { response.setContentType('image/jpeg');// 設(shè)置相應(yīng)類型,告訴瀏覽器輸出的內(nèi)容為圖片 response.setHeader('Pragma', 'No-cache');// 設(shè)置響應(yīng)頭信息,告訴瀏覽器不要緩存此內(nèi)容 response.setHeader('Cache-Control', 'no-cache'); response.setDateHeader('Expire', 0); userService.getRandcodedDawTransparent(uuid, request, response);// 輸出驗(yàn)證碼圖片方法 }

4.service

@Override public void getRandcodedDawTransparent(String uuid, HttpServletRequest request, HttpServletResponse response) { try { Map<String, Object> map = CodeUtil.getRandcodedDawTransparent(); // 將生成的隨機(jī)字符串保存到session中 log.info('==保存的uuid:'+uuid); log.info('==保存的code:'+map.get('code')); sessionUtil.saveCode(uuid, map.get('code')); response.setContentType('image/png'); OutputStream out = response.getOutputStream(); out.write((byte[]) map.get('img')); out.flush(); out.close(); } catch (IOException e) { log.error(e.getMessage()); } }

5.util

public static Map<String, Object> getRandcodedDawTransparent() throws IOException { Map<String, Object> rsMap = new HashMap<>(); // 創(chuàng)建BufferedImage對象 BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB); // 獲取Graphics2D Graphics2D g2d = image.createGraphics(); // 增加下面代碼使得背景透明 image = g2d.getDeviceConfiguration().createCompatibleImage(width, height, Transparency.TRANSLUCENT); g2d.dispose(); g2d = image.createGraphics(); g2d.setFont(new Font('Times New Roman', Font.ROMAN_BASELINE, 18));// 字體大小 g2d.setColor(getRandColor(110, 133));// 字體顏色 // 繪制干擾線 for (int i = 0; i <= lineSize; i++) { drowLine(g2d, width, height); } // 繪制隨機(jī)字符 String randomString = ''; for (int i = 1; i <= stringNum; i++) { randomString = drowString(g2d, randomString, i); } log.info(randomString); rsMap.put('code', randomString); g2d.dispose(); ByteArrayOutputStream baos = new ByteArrayOutputStream();// io流 ImageIO.write(image, 'png', baos);// 寫入流中 byte[] bytes = baos.toByteArray();// 轉(zhuǎn)換成字節(jié) bytes = Base64.encodeBase64(bytes); rsMap.put('img', bytes); return rsMap; }

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。

標(biāo)簽: Spring
相關(guān)文章:
主站蜘蛛池模板: 成人在线观看网址 | 欧美国产视频 | 色婷婷狠狠 | 国产 日韩 欧美 在线 | 97超碰在线播放 | 亚洲女人的天堂 | 久久久精品 | 日本不卡在线视频 | 天天拍夜夜爽 | 午夜私人影院 | 超碰91在线 | 亚洲毛片在线观看 | 澳门永久av免费网站 | 久久久久久久久久久久久久久久久久久久 | 成人激情视频在线 | 国产片侵犯亲女视频播放 | 久久乐国产精品 | 欧美精品在线免费观看 | 久久美女网 | 国产精品视频在线播放 | 亚洲午夜三级 | 色综合久久伊人 | 中文字幕1区2区3区 亚洲国产成人精品女人久久久 | 91精品国产乱码久久久 | 九九久久久久久 | 国产精品美女久久久久 | 一级大黄色片 | 欧美一级毛片在线播放 | 国产午夜亚洲精品不卡 | 在线不卡视频 | 久久国品片 | 视频一区二区三区中文字幕 | 日本精品视频一区二区 | 国产精品久久久久久久久久三级 | 国产成人免费观看 | 日韩在线视频观看 | 成人av一区二区三区 | 精品国产一区二区三区久久 | 国产亚洲一区二区三区在线 | 不卡一区 | 欧美日韩福利视频 |