byte二维码在img中展示
发表于|更新于
|浏览量:
睡在哪里都是睡在黑夜里。——贾平凹《废都》
我们使用hutool的工具类生成二维码图片后,如果转为byte数组,返还给前端,我们要放入img中显示
1 | @GetMapping("generateCode") |
直接放到src是不行的,需要在前面加一个data:image/jpeg;base64,

最终变成这样

效果图:

相关推荐
2020-09-06
vue挂载全局函数
要是生活送了你一个柠檬,那你应该再要点盐与龙蛇兰。 首先在src下面建个utils包,创建个index.js 然后写上我们的全局函数 123456789101112131415161718192021//获取当前传入参数类型export function getObjType(obj) { var toString = Object.prototype.toString var map = { '[object Boolean]': 'boolean', '[object Number]': 'number', '[object String]': 'string', '[object Function]': 'function', '[object Array]': 'array...
2022-12-29
html字符转码表
孤独一人也没关系,只要能发自内心地爱着一个人,人生就会有救。哪怕不能和他生活在一起。——《1Q84》 链接:https://html.spec.whatwg.org/multipage/named-characters.html 我们打开发现可能有点重叠,导致看不清… 我们将不换行的css去掉即可 然后就能看清啦
2021-06-01
uniapp中textarea坑
幼稚是会成长,会成熟的。只要不衰老,腐败,就好。——鲁迅 今天在使用uniapp进行开发的时候,发现一个关于textarea标签的坑 代码如下: 12345<template> <view style="width:100%;height: 100%;"> <textarea style="width:100%;height: 100%;" value=" 一般来讲,我们都必须务必慎重的考虑考虑。 带着这些问题,我们来审视一下阿超。 总结的来说, 每个人都不得不面对这些问题。 在面对这种问题时, 阿超因何而发生? 带着这些问题,我们来审视一下阿超。 所谓阿超,关键是阿超需要如何写。 从这个角度来看, 德谟克利特说过一句富有哲理的话,节制使快乐增加并使享受加强。我希望诸位也能好好地体会这句话。 那么, 培根曾经提到过,阅读使人充实,会谈使人敏捷,写作使人精确。这不禁令我深思。 问题的关键究竟为何。 康德在不经意间这样说过,既然我已经踏上这条道路,那么,任何东西都不应妨碍我沿着这条路走下去。这启发...
2023-06-10
log-viewer
心平气和则能言——朱熹 https://github.com/FEMessage/log-viewer 分享一个前端日志库 其提供了中文文档 https://github.com/FEMessage/log-viewer/blob/dev/README-zh.md
2024-06-03
js中classList的toggle
当你身处逆境时不邀自来的人,才是真正的朋友。——奇奥佛垃斯塔 在 HTML 中实现白天和夜晚主题切换在现代网页设计中,为用户提供不同的主题(如白天和夜晚模式)是一种常见且友好的用户体验优化方式。通过使用 JavaScript 和 CSS,我们可以轻松地实现这一功能。本文将详细讲解如何使用简单的 HTML、CSS 和 JavaScript 实现一个白天和夜晚主题切换功能。 实现步骤 基本 HTML 结构:首先,我们需要创建一个基本的 HTML 结构,包括一个按钮用于切换主题。 CSS 样式:接下来,我们定义白天和夜晚模式的样式。默认情况下,页面为白天模式。 JavaScript 功能:最后,通过 JavaScript 实现点击按钮切换主题的功能。 代码示例以下是完整的代码示例: 123456789101112131415161718192021222324252627<!DOCTYPE html><html><head> <title>Day-Night Toggle</title> <sty...
2024-09-22
position-try
教育的胜利,可以压倒国民性。——爱默生 https://css-tricks.com/almanac/properties/p/position-try-fallbacks/ 今天分享一个position-try的css属性 它就像字面意思是说: 位置-尝试 代表着 它在页面移动时尽可能尝试调整位置 举个栗子: 1234567.target { position: absolute; position-anchor: --my-anchor; position-area: top; position-try-fallbacks: bottom;} 我写下代码: 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273<style> /* 定义一个锚点元素 */ .anchor { an...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog