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

最终变成这样

效果图:

相关推荐
2023-09-13
字体按宽度自适应大小
不用给我爱,不用给我钱,不用给我声誉,给我真理吧。——梭罗的《瓦尔登湖》 一般可以使用vw或者em一类的属性来适配,但如果还需要更小,就只能使用scale缩放了,例如使用js 1234567891011121314151617181920212223242526function scaleMemberName(memberElement: Element | null, reset: boolean) { if (!memberElement) { return; } const nameElement = memberElement.querySelector('.name'); if (!(nameElement instanceof HTMLDivElement)) { return; } if (reset) { nameElement.style.scale = String(); return; } const boundingBox ...
2025-12-07
open-notebook
希望是生命的源泉。——亚里士多德 Open Notebook:更自由、更强大的“学习型笔记”开源实现想把读论文、看书、做研究的过程彻底“智能化”?把你的资料收集、摘要整理、跨文档检索、问题答复、思维导图和项目推进,统统接入一个“懂你”的学习型笔记系统?Open Notebook,就是这样一款面向个人与团队的开源项目:更自由、更可扩展的 Notebook LM 开源实现。 项目地址:lfnovo/open-notebook 官网主页:https://www.open-notebook.ai 项目描述:An Open Source implementation of Notebook LM with more flexibility and features 主语言:TypeScript License:MIT Stars:12,366+ Forks:1,261+ 主题标签:assistant learning note-taking notebook notes-app self-learning Open Notebook 的愿景,是把“学习”变成一个高效、可协...
2022-01-10
oss视频截封面
所谓世人,不就是你吗?——太宰治《人间失格》 今天上传视频后发现没有上传封面… 后来发现阿里云oss支持直接截取封面 文档地址: https://help.aliyun.com/document_detail/64555.html 也就是说,如果之前的视频URL为: 1/img/oss/picGo/rabbit.mp4 那么我们加上参数 1/img/oss/picGo/rabbit.mp4?x-oss-process=video/snapshot,t_10000,f_jpg 就会变成一张图片 参数说明操作分类:video 操作名称:snapshot 参数 描述 取值范围 t 指定截图时间。 [0,视频时长]单位:ms w 指定截图宽度,如果指定为0,则自动计算。 [0,视频宽度]单位:像素(px) h 指定截图高度,如果指定为0,则自动计算;如果w和h都为0,则输出为原视频宽高。 [0,视频高度]单位:像素(px) m 指定截图模式,不指定则为默认模式,根据时间精确截图。如果指定为fast,则截取该时间点之前的最近的一个关键帧。 枚举值:fa...
2020-12-25
live2d看板娘之自定义网站篇
失去信用而赚的钱应结算在损失里。——罗马 通过这篇文档配置 首先我们下载项目:项目地址 然后复制到我们项目中 创建页面并放入代码 12345678910111213141516171819202122232425262728293031323334353637<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!-- 引用看板娘交互所需的样式表 --> <link href='Pio/static/pio.css' rel='stylesheet' type='text/css'/></head><body><div class="pio-container left"> <d...
2025-12-21
bun
时间就象海绵里的水一样,只要你愿意挤,总还是有的。——鲁迅 Bun 全面上手:Zig 打造的全能 JavaScript/TypeScript 工具链,一行命令跑起你的全栈应用 仓库地址:oven-sh/bun官方文档与指南:bun.com/docs简介:Bun 是一个“一体化”的 JavaScript/TypeScript 应用工具链,单一可执行文件 bun 即可同时充当运行时、包管理器、测试运行器与打包器,目标是成为 Node.js 的“即可替换”运行时。 为什么是 Bun?来自官方 README 的定义: Bun 是一个全能(all-in-one)工具集,单一可执行文件 bun。 核心是一个高速运行时,以 Zig 编写,底层由 JavaScriptCore 驱动。 设计目标:在尽可能多的场景下,直接替换 Node.js 使用。 开箱支持 TypeScript 与 JSX;内置测试、脚本运行和Node 兼容的包管理器。 一句话概括:有了 Bun,你可以更少的依赖、更短的启动链路、更快的开发/运行体验,把“常见的 No...
2021-06-02
关于wx.getUserInfo获取到匿名数据的坑
生命的黎明是乐园,青春才是真正的天堂。——华兹华斯 今天搞了很久,发现使用wx.getUserInfo获取到的用户昵称一直是:“微信用户”,并且头像也是默认的。。。 然后官方文档里发现 https://developers.weixin.qq.com/miniprogram/dev/api/open-api/user-info/wx.getUserInfo.html 打开后是这个页面 然后我们看wx.getUserProfile的文档: wx.getUserProfile只能在页面产生点击事件(例如 button 上 bindtap 的回调中)后才可调用每次请求都会弹出授权窗口,用户同意后返回 userInfo。该接口用于替换 wx.getUserInfo,详见 用户信息接口调整说明。 注意desc是必填 我们配置好appid后 调用wx.getUserProfile 代码如下 12345678910111213141516171819202122232425262728<template> <view style="width:1...
