首页 > 其他分享 >uni-app 获取图片验证码

uni-app 获取图片验证码

时间:2022-09-21 22:58:06浏览次数:75  
标签:binary url res app bytes 验证码 var uni data

 

 

<image :src="imgVerificationCode" @click="getVerificationCode" class="imageCode"></image>

arrayBufferToBase64(buffer) {
var binary = '';
var bytes = new Uint8Array(buffer);
var len = bytes.byteLength;
for (var i = 0; i < len; i++) {
binary += String.fromCharCode(bytes[i]);
}
return window.btoa(binary);
},

getVerificationCode() {
                uni.request({
                    url: 'http://127.0.0.1:9090/code/image',
                    header: {
                        'content-type': 'application/x-www-form-urlencoded',
                        'deviceId':'xrl1334'
                    },
                    responseType:'arraybuffer',
                    method: 'GET',
                    data: {
                        "width": 60
                    },
                    success: (res) => {
                        console.log("imageCodeUrl",res)
                        var url= this.arrayBufferToBase64(res.data);
                        console.log('url',url)
                        this.imgVerificationCode ='data:image/jpeg;base64,'+url;
                    }}
                )
            },

 

标签:binary,url,res,app,bytes,验证码,var,uni,data
From: https://www.cnblogs.com/xiaoruilin/p/16717477.html

相关文章

  • Uni-app Vue 中CSS问题整理合集
    一、父组件设置子组件的样式:一般情况下子组件内部负责各自样式。不过在很多场合里,我们也会要求父组件来修改子组件默认样式。父组件可以通过传入class样式修改有限的样式......
  • Uni-app页面生命周期
    uni-app 支持如下页面生命周期函数:文档:https://uniapp.dcloud.net.cn/tutorial/page.html#lifecycle函数名说明平台差异说明最低版本onInit监听页面初始化,其参数......
  • Uni-app应用生命周期
    uni-app 支持如下应用生命周期函数:函数名说明onLaunch当uni-app 初始化完成时触发(全局只触发一次)onShow当 uni-app 启动,或从后台进入前台显示onHide当......
  • Vue 状态管理 Pinia 在UNI-APP下使用说明
    状态管理Pinia此功能和VUEX类似,局有全站通用状态共享的特性。在 HBuilderX下不需要安装,直接使用即可,步骤如下:第一步:在main.js中引入插件:import{createSSRApp......
  • HTML5和原生app如何进行交互,有什么方法
    H5与原生app交互的原理现在移动端web应用,很多时候都需要与原生app进行交互、沟通(运行在webview中),比如微信的jssdk,通过window.wx对象调用一些原生app的功能。......
  • 02 uniapp/微信小程序 项目day02
    一.分类1.1页面布局首先创建cate的分支定义基本结构,因为是两个需要滚动的区域,所以这里要用到组件scroll这个组件如果是yscroll那就要固定高度,xscroll那就要固定......
  • uniapp H5与原生安卓的数据互通和方法调用
    1、准备我这里是uniapp与原生安卓之间的相互调用,也就是原生安卓内嵌H5页面,下面先来准备一下安卓端的代码。(1)、初始化的MainActivity类定义一个WebViewprivateWebView......
  • uniapp未添加本地push模块
    1.引入push模块所需的jar/aar文件本地push模块需要这个文件:aps-release.aar,在SDK/libs目录下找到这个文件后复制到android\simpleDemo\libs目录下获取途径:下载androidsd......
  • Deep Spatial Feature Reconstruction for Partial Person Re-identification: Alignm
    摘要本文介绍的是Partialpersonre-identification(基于部分身体的行人重检测)。这是一个很有挑战性的问题,因为只有完整行人的一部分可以获得用来进行匹配。但是它具有很高......
  • 奇技淫巧-Unity运行时运行自定义lua代码
    在利用lua开发游戏的过程中经常会遇到需要查询某些数据或调用某些方法,以往查询数据的方法不是用断点就是写好代码后重新运行游戏,lua的断点被吐槽太卡顿,我用的也比较少,......