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

最终变成这样

效果图:

相关推荐
2022-03-31
vue项目配置可选调用链
生活是苦难的,我又划着我的断桨出发了。——博尔赫斯 可选调用链就是?.写法 有些vue项目没有默认配置,因此只能手动配置 介绍:https://babeljs.io/docs/en/babel-plugin-proposal-optional-chaining 安装: 1cnpm i --save-dev @babel/plugin-proposal-optional-chaining 然后配置在根目录下的babel.config.js 新增: 123{ "plugins": ["@babel/plugin-proposal-optional-chaining"]} 完整: 12345678module.exports = { presets: [ "@babel/preset-env", ['@vue/app', { useBuiltIns: 'entry' }] ], "plugi...
2025-03-19
primer-css
只要条件许可,机会成熟,人人都是想作恶的。——叔本华 介绍 Primer CSS:GitHub 的设计系统最近,我在寻找一个强大的设计系统来提升我的项目 UI 设计时,发现了 GitHub 的设计系统——Primer CSS。今天,我将为大家详细介绍一下这个优秀的项目,帮助你更好地了解和使用它。 什么是 Primer CSS?Primer 是 GitHub 的设计系统,提供了一套完整的 CSS 实现,旨在帮助开发者快速构建一致且美观的用户界面。无论你是开发者还是设计师,Primer CSS 都能为你的项目提供强大的支持。 项目概述Primer CSS 是 GitHub 开发和维护的开源项目,自 2015 年 3 月 19 日创建以来,已经吸引了超过 1.2 万个星标和 1244 个 forks。该项目使用 SCSS 语言编写,遵循 MIT 许可证,确保其免费和开源。 项目特点 一致性:Primer CSS 提供了一套统一的样式和组件,确保你的项目在各个页面和模块之间保持一致。 高效:通过使用 Primer CSS,你可以快速构建和维护用户界面,节省大量的开发时间。 可定制:P...
2024-11-21
渐变的艺术:变量的力量——阿超与ChatGPT 4o的代码探险
人类之所以有进步,主要原因是下一代不怎么听上一代的话。——倪匡 效果在右下角,请滚动页面查看~ .scroll-text { position: fixed; bottom: 10%; right: 10%; background: linear-gradient(180deg,var(--color-light) 0%,var(--color-light) 40%,var(--color-dark) 60%,var(--color-dark) 100%); background-size: 100% 200%; background-position: center calc(var(--scroll) * 100%); background-repeat: no-repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent;...
2021-04-15
js日期、经纬度格式化
如果你不出去走走,你就会以为这就是全世界。——《天堂电影院》 如果你不出去走走,你就会以为这就是全世界。——《天堂电影院》 之前写过一篇js时间戳格式化以及一篇js中Date函数的api 今天写篇“人性化”的格式化的 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889// 格式化 传入毫秒值,计时秒表用function formatTime(time) { if (typeof time !== 'number' || time < 0) { return time } var hour = parseInt(time / 3600) time = time % 3600 var minute = parseInt(time / 6...
2024-11-06
typescript-exercises(十一)
人只有在人们中间才能认识自己。——歌德 题目: 1234declare module 'str-utils' { // export const ... // export function ...} 报错: 123456index.ts(2,5): error TS2305: Module '"str-utils"' has no exported member 'strReverse'.index.ts(3,5): error TS2305: Module '"str-utils"' has no exported member 'strToLower'.index.ts(4,5): error TS2305: Module '"str-utils"' has no exported member 'strToUpper'.index.ts(...
2021-12-16
elementUI字体文件丢失问题
见贤思齐焉,见不贤而内自省也。——《论语》 今天引入elementUI时 官方文档说的CDN引入方式为: CDN目前可以通过 unpkg.com/element-ui 获取到最新版本的资源,在页面上引入 js 和 css 文件即可开始使用。 1234<!-- 引入样式 --><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"><!-- 引入组件库 --><script src="https://unpkg.com/element-ui/lib/index.js"></script> 我想下载到本地嘛,就直接打开这两个链接,另存为到本地了 然后发现字体文件丢失…最后解决方式是打开 https://unpkg.com/browse/element-ui@2.15.6/lib/theme-chalk/fonts/ 然后下载其中的字体文件...

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