byte二维码在img中展示

发表于2022-01-07|更新于2026-02-24

|浏览量:

睡在哪里都是睡在黑夜里。——贾平凹《废都》

我们使用hutool的工具类生成二维码图片后，如果转为byte数组，返还给前端，我们要放入img中显示

@GetMapping("generateCode")
@ResponseBody
public byte[] generateCode() {
    return QrCodeUtil.generatePng("https://VampireAchao.github.io/", QrConfig.create().setImg(ImgUtil.getImage(URLUtil.url("/img/oss/2020-06-01/head.jpg"))));
}

直接放到src是不行的，需要在前面加一个data:image/jpeg;base64,

最终变成这样

效果图：

前端

相关推荐

2020-11-23

js打字机动画效果实现

坦白使人心地轻松的妙药。——西塞罗实现打字机效果 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> ...

2023-08-28

与情人的小冲突，常常要靠温存、沉默和忍耐来解决，而说理往往无济于事。——安德烈·莫洛亚分享一个前端库qs https://github.com/ljharb/qs 主要是用于请求参数和对象的互转 12345678var qs = require('qs');var assert = require('assert');var obj = qs.parse('a=c');assert.deepEqual(obj, { a: 'c' });var str = qs.stringify(obj);assert.equal(str, 'a=c');

2022-12-30

readme.so

人变老其实并不意味别的，只意味着不再对往事感到害怕。──斯蒂芬·茨威格分享一个网站可以很方便地编写readme：https://readme.so/ 只需要点击左侧的标签，即可生成相应模板非常方便和好用

2024-11-11

HBuilderX运行到iOS真机

人生的光荣，不在永不失败，而在于能够屡扑屡起。——拿破仑直接选择运行——运行到手机或模拟器——运行到iOS APP基座这里使用标准基座运行需要使用Apple证书签名点开有四个配置项 Bundle ID(AppID)——是自己设置的这个可以是包名，我们到Identifiers里新建一个，Bundle ID(AppID)填写我们的包名即可 https://developer.apple.com/account/resources/identifiers/list 证书私钥密码——是自己设置的我们在mac上打开钥匙串访问，左上角菜单栏点击钥匙串访问选择证书助理——使用"chao a"从证书颁发机构请求证书然后填写自己设置的密码此处还生成一个文件CertificateSigningRequest.certSigningRequest 证书profile文件: 在Profiles新建后下载得到robotrobot.mobileprovision，我们在HBuilderX选这个文件即可 https://developer.apple.com/accou...

2024-10-15

object-fit

能轻易做到别人感觉困难的事是人才；能轻易做到别人所不能做的工作是天才。——西德尼讲一个小技巧，对于图片裁剪可以用这个属性：object-fit object-fit 是一个 CSS 属性，用于指定替换元素（如 <img> 和 <video>）内容的尺寸如何适应其容器。它定义了内容如何填充容器的大小，以及是否保持内容的比例例如： 123<div style="width: 400px; height: 400px; overflow: hidden;"> <img src="https://vampireachao.github.io/imgs/head.png" style="width: 100%; height: auto; object-fit: cover; object-position: 0px 0px;transform: scale(1.2);"></div>

2024-11-13

uniapp-cli工程

人生苦短，虽说如此，还会感到无聊。——佚名除了HBuilderX可视化界面，也可以使用 cli 脚手架，可以通过 vue-cli 创建 uni-app 项目。 #环境安装全局安装 vue-cli 1npm install -g @vue/cli 复制代码 #创建uni-app 使用正式版（对应HBuilderX最新正式版） 1vue create -p dcloudio/uni-preset-vue my-project 复制代码使用alpha版（对应HBuilderX最新alpha版） 1vue create -p dcloudio/uni-preset-vue#alpha my-alpha-project 复制代码使用Vue3/Vite版创建以 javascript 开发的工程（如命令行创建失败，请直接访问 gitee 下载模板） 1npx degit dcloudio/uni-preset-vue#vite my-vue3-project 复制代码 1npx degit dcloudio/uni-preset-vue#vite-alpha...

阿超

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

数据加载中