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

最终变成这样

效果图:

相关推荐
2025-04-29
vue-countTo
从工作里爱了生命,就是通彻了生命最深的秘密。 —— 纪伯伦 https://github.com/PanJiaChen/vue-countTo/https://panjiachen.github.io/countTo/demo/ vue-countTo:一个简单高效的数字递增动画组件在前端开发中,数字递增动画是一种常见的交互效果,通常用于数据展示和统计页面。vue-countTo 是一个轻量级的 Vue 组件,可以快速实现目标数字递增的动画效果,让你的项目更加生动和吸引人。 什么是 vue-countTo?vue-countTo 是由 PanJiaChen 开发的一个 Vue.js 组件,用于在指定的时间内将数字从起始值递增到目标值。它简单易用,且支持高度定制化,适合各种场景的数字动画需求。 核心特点: 轻量化:组件体积小,性能优异。 易于使用:通过简单的配置即可实现数字递增动画。 高度定制:支持设置起始值、目标值、持续时间以及动画的回调函数。 Vue.js 集成:无缝嵌入 Vue 项目,兼容性强。 使用场景vue-countTo 适用于以下常见场景: 数据统计展示在...
2022-06-20
虚拟列表
我来到这个世界,为了看看太阳和蓝色的地平线。——《城门开》 分享一个vue虚拟列表的组件: https://github.com/tangbc/vue-virtual-scroll-list 官方文档: https://tangbc.github.io/vue-virtual-scroll-list 沙盒: https://codesandbox.io/s/live-demo-virtual-list-e1ww1 使用方式: 1pnpm install vue-virtual-scroll-list --save 示例: 12345678910111213141516171819202122232425<template> <div> <virtual-list style="height: 360px; overflow-y: auto;" // make list scrollable :data-key="'uid'" :data-sources=&q...
2021-07-25
uniapp阻止navigator冒泡
作为一个人,要是不经历过人世上的悲欢离合,不跟生活打过交手仗,就不可能懂得人生的意义。——杨朔 代码如下 1234567891011121314151617181920212223242526272829303132333435<template> <view> <view class="navigators"> <view class="parent-navigator" @tap="parentEvent()"> 上层,打印语句 <navigator class="child-navigator" url="/pages/test/test">内层,回到/pages/test/test页面</navigator> </view> </view> </view></template><script>export defau...
2022-06-19
ts中枚举
现实生活喜欢对称和轻微的时间错移。——博尔赫斯《南方》 填坑,官方文档:https://www.typescriptlang.org/docs/handbook/enums.html 我新建了一个vue项目用来演示 这里代码如下: 12345678910enum Direction { Up, Down, Left, Right}console.log({ Direction });console.log({ 'Object.entries(Direction)': Object.entries(Direction) });console.log({ 'Direction[0]': Direction[0] });console.log({ 'Direction.Up': Direction.Up }); 打印结果如下: 定义一个双向绑定的值 1const count = ref(Direction.Up)...
2021-05-28
uni跳转的小技巧
青春啊,难道你始终囚禁在狭小圈子里?你得撕破老年的蛊惑人心的网。——泰戈尔 从官网看到 我们使用uni.navigate()跳转 123uni.navigateTo({ url: 'test?id=1&name=uniapp'}); 这里我们的url我们如果直接写test 那么我们会跳转到当前页面的test 然而我们如果想跳转到tabBar上的页面 则需要使用uni.switchTab() 123uni.switchTab({ url: '/pages/index/index'}); 这里要注意的是,需要在路径前加/表示一个根路径 否则会跳转不到想要的页面 而且switchTab并不支持url传参 而我们需要使用别的方式,例如setStorage
2020-08-24
兼容IE浏览器
今天客户说他那边网站崩了,让客户截了个图,看到是ie浏览器。。。我瞬间的反应是崩溃的 所以才有了这篇博客 这里分享一个小工具,能把ES6语法转成IE支持的语法 使用方式很简单 解压,用vscode打开 控制台输入cnpm i 然后把你的js文件放到src\js下面 转换前是这样的 我们npm run build一遍 可以看到我们的dist目录下面已经生成了转换好的js了 2020年,竟然还有人用IE。。。 下载链接
