uniapp中开发APP时渲染后台返回的二维码并保存到系统相册

如下，若后台给你返回了这样的代码

说明后台把他的文件整个塞给了你，那么你前端的处理
第一步

设置请求方式，responseType:'arraybuffer'
通过new Uint8Array(res.data)获取格式化的图片
通过拼接生成base64的图片数据

第二步

定义codeImg空变量，来进行页面的渲染
<image :src="codeImg" mode="aspectFill"></image>
data() {return {codeImg:'', //二维码流};
},

完整代码如下

myCode(){uni.request({url: url,responseType: 'arraybuffer',data: {},header: {},success: (res) => {const arrayBuffer = new Uint8Array(res.data)const base64 = "data:image/png;base64," + uni.arrayBufferToBase64(arrayBuffer)this.codeImg = base64 || ''},fail: function(fail) {//调用接口失败或回传失败uni.showModal({title: '服务器繁忙',content: '服务器繁忙或网络不稳定，请稍后再试！'})},})
},

最后看结果

uniapp中开发APP时渲染后台返回的二维码并保存到系统相册相关推荐

【Uni-App】点击分享，生成海报带二维码，保存到本地图片，写入文字
目录一:需求二:分析三:准备工作 1.qrcode准备 2.并且在main.js去挂载四:页面构建 1.html 2.data 3.js 二维码嵌入文字一:需求 1.产品需要这个商品,必须分 ...
SpringBoot接入支付宝沙箱返回支付二维码
支付宝开放平台扫码登录支付宝开放平台沙箱环境沙箱环境介绍沙箱控制台应用网关:该地址用于接收开放平台的异步通知.目前沙箱环境不需要配置此参数: 授权回调地址:第三方应用授权或获取用户信息中用于 ...
SNF开发平台WinForm-平板拍照及扫描二维码功能
在我们做项目的时候,经常会有移动平板处理检验,审核等,方便移动办公.这时就需要在现场拍照上传问题,把当场问题进行上传,也有已经拍完照的图片或加工过的图片进行上传.还有在车间现场一体机,工控机这种产物 ...
java实现后台直接生成二维码图片并直接上传到七牛云上面
java实现后台直接生成二维码图片并直接上传到七牛云上面需求:后台是直接根据唯一核销码生成图片,然后的话直接上传到七牛云,数据库只是保存地址,一开始也想错了,想成了创建临时文件存储生成的图片再上传到 ...
Java 微信开发（四）生成带参数二维码及分享到朋友圈、好友、QQ
微信公众号中的微信分享到朋友圈.分享到QQ.分享到好友功能都是可以帮助营销活动支持的,今天就说一下公众号生成带参数的二维码分享到朋友圈功能根据微信公众号提供的开发者文档我们可以看出提供的有方法,我们 ...
实例：用C#.NET手把手教你做微信公众号开发（11）--生成带参数二维码
上一篇讲了普通关注的各种情景,接下来准备详细讲解带参数的二维码的应用实例.在下一篇详解之前,这里先介绍一下如何下载二维码.生成二维码表,为后续的应用做好准备. 为了满足用户渠道推广分析和用户帐号绑定等 ...
【vue生成二维码】1.将后端返回的二维码字符串生成二维码；2.下载功能
vue使用qrcode插件一.只展示一张图的效果一.效果图: 二.具体代码: 1.安装 npm i qrcodejs2 --save 2.在页面使用 2.1.html <div id=&qu ...
Winform中使用zxing和Graphics实现自定义绘制二维码布局
场景 zxing.dll下载 https://download.csdn.net/download/badao_liumang_qizhi/11623214 效果实现根据上面文章中将简单的二维码生 ...
二维码中加图片（打印带图片的二维码）
在二维码中,放入图片,遮挡一部分是被允许的. 二维码在少许损伤的情况下还可以读取出来,图片可以放置的位置如图的黄色区域.(具体可以放多大要看二维码生成时的纠错能力) 二维码的纠错级别: 纠错级别越高, ...

uniapp中开发APP时渲染后台返回的二维码并保存到系统相册

uniapp中开发APP时渲染后台返回的二维码并保存到系统相册相关推荐

最新文章

热门文章