首页 > 其他分享 >uniapp base64 转 png

uniapp base64 转 png

时间:2023-12-14 11:45:21浏览次数:50  
标签:uniapp Base64 const url base64 blob png

主要用到了这个API, uni.base64ToArrayBuffer(base64)

// 将Base64编码的字符串转换为ArrayBuffer对象
const base64 = res.data.img; // Base64编码的图片数据
const arrayBuffer = uni.base64ToArrayBuffer(base64);

// 创建Blob对象
const blob = new Blob([arrayBuffer], { type: 'image/png' });

// 创建URL对象并指向blob
const url = URL.createObjectURL(blob);

// 然后可以将url用作图片的src,或者上传到服务器或保存到本地
this.imageSrc = url

标签:uniapp,Base64,const,url,base64,blob,png
From: https://www.cnblogs.com/Linzj5950/p/17900880.html

相关文章

  • uniapp日常踩坑汇总(持续更新)
    一、uni-app中u-radio-group和u-radio点击事件的区别<u-radio-groupv-model="hcData.hcqk"style="width:100%;" :disabled="disabled"@change="radioGroupChange"> <u-radiov-for="(op,index)inoptions" @c......
  • 解决uniapp无法ios运行的问题
    问题描述设备无法运行uniapp应用设备无法运行uniapp应用的问题表现在哪些方面?如何判断iOS设备无法运行uniapp应用?iOS设备无法运行uniapp应用的原因有哪些?有哪些可能的解决方法解决方法:检查代码错误:首先要检查代码是否存在拼写错误、语法错误或者逻辑错误,这些问题都可能导致应用......
  • uniapp开发——纯原生渲染nvue调用uni.makePhoneCall没反应的处理办法
    uni.makePhoneCall(OBJECT)|uni-app官网(dcloud.net.cn)正常情况下,manifest.json配置拨打电话的权限就可以了:配置权限后重新打包,真机运行应该就可以正常的拨打电话了。如果API没反应,那么可以试试下边这种不弹出询问框直接拨打电话的方法:callMobile(){letmobile......
  • btoa atob 与 base64,以及btoa报错
    在JavaScript中,btoa和atob是两个用于Base64编码和解码的函数。下面是对这两个函数以及Base64的解释和代码示例:btoa函数:btoa(表示base64encode)将字符串转换为Base64编码的数据。它接受一个ASCII字符串参数,并返回经过Base64编码的字符串。b表示"binary",它......
  • uniapp+node.js+mysql前后端微信小程序授权登录
    文章目录一、前端代码?1.微信授权登录的页面(没有样式,自己写)2.”我的“页面3.封装request.js的页面4.vuex的状态管理的页面5.添加了识别有放token的没有登录就自动跳转登录的功能的main.js页面二、后端代码1.数据库连接页面(sql.js)2.数据库页面封装查询用户与插入用户信息的页面以及......
  • uniapp插件市场上架插件,提示components不包含对应包名称的组件
    第一次在uniapp上架了一个小组件,所有的都按照文档填写上传了,但是提交的时候一直提示不行原来是在压缩组件源码的时候出问题,不要把components和static放在一个文件夹下面压缩文件夹,要直接把components和`static``组合压缩就行。这是错误的这是正确的......
  • JS把base64压缩后处理为base64
    重点参考了这篇文章:前端JS利用canvas的drawImage()对图片进行压缩 :https://www.cnblogs.com/goloving/p/8260206.html其实是AIChatGPT帮忙整理的,我用过觉得好,现在记录下来://把base64压缩后处理为base64functioncompressBase64Image(base64Data,maxWidth,maxHei......
  • Base64编码解码
    一、Base64编码技术简介Base64编码是一种广泛应用于网络传输和数据存储的编码方式。它将原始数据转换为可打印的字符形式,以便于传输和存储。Base64编码后的数据长度是原始数据长度的约3/4,具有一定的压缩效果。Base64编码解码--一个覆盖广泛主题工具的高效在线平台(amd794.co......
  • 【UniApp】-uni-app-OptionAPI应用生命周期和页面生命周期
    前言好,经过上个章节的介绍完毕之后,了解了一下uni-app-修改组件主题和样式那么了解完了uni-app-修改组件主题和样式之后,这篇文章来给大家介绍一下uni-app-OptionAPI应用生命周期和页面生命周期首先不管三七二十一,先来新建一个项目搭建演示环境创建一个全新的项目:然后在......
  • 【UniApp】-uni-app-扩展组件
    前言好,经过上个章节的介绍完毕之后,了解了一下uni-app-内置组件那么了解完了uni-app-内置组件之后,这篇文章来给大家介绍一下UniApp中的扩展组件首先不管三七二十一,先来新建一个项目搭建演示环境创建一个全新的项目:然后在配置一下,微信小程序的AppId,直接去之前的项目中......