uni-app 多端本地图片转base64 本地图片转base64
文章目录
- uni 适配多端 本地图片转base64 函数
- 多端转换统一函数
- 使用
- h5本地图片转base64
- app本地图片转base64
- 微信小程序本地图片转base64
uni 适配多端 本地图片转base64 函数
多端转换统一函数
function toBase64() {return new Promise((succeed,failure) => {uni.chooseImage({count: 1, //默认9sizeType: ['compressed'],sourceType: ['album','camera'], //从相册选择,摄像头选择success: (res) => {// #ifdef MP-WEIXINuni.getFileSystemManager().readFile({filePath: res.tempFilePaths[0],encoding: 'base64',success: r => { // r.datasucceed(r.data)},fail:err=>{failure(err)}})// #endif// #ifdef H5 uni.request({url: res.tempFilePaths[0],method:'GET',responseType:'arraybuffer',success: ress => {let base64 = uni.arrayBufferToBase64(ress.data); //把arraybuffer转成base64 // base64 = 'data:image/jpeg;base64,' + base64 //不加上这串字符，在页面无法显示的哦succeed(base64)},fail: e => {failure(e)},})// #endif// #ifdef APPplus.io.resolveLocalFileSystemURL(res.tempFilePaths[0], function(entry) {entry.file(function(file) {var fileReader = new plus.io.FileReader()fileReader.readAsDataURL(file)fileReader.onloadend = function(evt) {let base64 = evt.target.result.split(",")[1]succeed(base64)// console.log(base64)}})},function(err){failure(err)})// #endif}})})
};
使用
若要在页面渲染 res前务必加上 'data:image/jpeg;base64,'toBase64().then(res=>{//res}).catch(err=>{uni.showToast({title:'图片获取失败',icon:'none'})})
h5本地图片转base64
uni.request({url: 本地图片路径,method:'GET',responseType:'arraybuffer',success: ress => {let base64 = uni.arrayBufferToBase64(ress.data); },})
app本地图片转base64
plus.io.resolveLocalFileSystemURL(本地图片路径, function(entry) {entry.file(function(file) {var fileReader = new plus.io.FileReader()fileReader.readAsDataURL(file)fileReader.onloadend = function(evt) {let base64 = evt.target.result.split(",")[1]console.log(base64)}})})
微信小程序本地图片转base64
uni.getFileSystemManager().readFile({filePath: 本地图片路径,encoding: 'base64',success: r => { succeed(r.data)console.log(r.data)},})
uni-app 多端本地图片转base64 本地图片转base64相关推荐
- uni-app小程序，将base64图片保存到本地相册
描述 在做项目时,通过填写个人信息,生成一个二维码,现在要求将生成的二维码保存到本地,当点击图片上面的"保存到本地"时,就会将图片保存到本地相册里 实现过程 下面代码中的picUr ...
- base64图片保存获取本地路径
$path = ROOT_PATH . 'public/uploads/headimg'; $pic = base64_image_content($base64_image,$path); //图片 ...
- java image to base64_Java实现base64图片编码数据转换为本地图片的方法
本文实例讲述了Java实现base64图片编码数据转换为本地图片的方法.分享给大家供大家参考,具体如下: 项目中用到的把base64图片数据转为本地图片的函数 /** * 替换html中的base64 ...
- python如何将网络上的图片url和base64编码的图片保存在本地
1.python base64编码的图片保存到本地 import os import base64 sss ="""/9j/4AAQSkZJRgABAQEASABIAAD ...
- python中if brthon环境安装包_Python实现base64编码的图片保存到本地功能示例
本文实例讲述了Python实现base64编码的图片保存到本地功能.分享给大家供大家参考,具体如下: # -*- coding:utf-8 -*- #!python3 import os import ...
- JAVA 把base64图片数据转为本地图片
/*** 替换html中的base64图片数据为实际图片* @param html* @param fileRoot 本地路径* @param serRoot 服务器路径* @return*/publ ...
- Base64图片保存到本地，及解决图片无法打开问题
Base64图片保存到本地,及解决图片无法打开问题 本demo主要解决两个问题 本demo主要解决两个问题 图片保存的执行过程中,代码没有报错,但是图片没有生成 图片保存到本地了,但是打不开,或者文件 ...
- java base64转图片并保存_java将base64解析图片保存到本地。
将base64解析图片保存到本地的两个方法 /** * base64转图片 * @param base64str base64码 * @param savePath 图片路径 * @return */ ...
- 本地markdown文件自动生成|图片批量压缩并转base64格式|告别图床服务器|博文神器
一.项目简介 问题来源 每次本地写好markdown格式的文档后,想要将它上传到博客网站上,但是本地的图片无法直接复制到网站的博客页面,每个图片需要重新点击上传,然后上传本地文件.其实也可以买一个图床 ...
最新文章
- linux驱动：i2c驱动（四）流程图之注册驱动
- jmeter启动报错 Error occurred during initialization of VM Could not reserve enough space for object heap
- js浏览器窗口大小改变时事件
- superset可视化-Force-directed graph(力导引图)
- SAP MES(manufacturing execution system)介绍
- 5gnr帧结构特点有哪些_PLC控制柜有哪些结构特点呢？
- 关于GPS 车辆定位导航中的投影变换
- matlab基于dct的图像压缩编码解码_音频压缩编码的基本原理详解
- 性能测试和性能分析的基础概念
- Android常用Adapter用例(二)
- 数据治理的陷阱与解决方案
- list集合排序_Java面试第七部分 Java的集合
- 第19集 轮廓的提取
- 多维空间：对于一维到七维的理解
- 一口气读完系列最穷的穷光蛋
- 堆和栈内存扩展方向问题
- 建造者模式实现汽车组装工厂功能（Java代码实例）
- putty登录树莓派4超时
- 鸿蒙的境界是什么,“鸿蒙”究竟为何物？扶桑树上的神祇，还是混沌的状态？...
- 思科模拟器之虚拟局域网