uniapp保存图片_uni-app处理图片乱码

本文介绍了在uni-app中如何处理从后端获取的二进制图片数据,通过设置uni.request的responseType为"arraybuffer",然后利用uni.arrayBufferToBase64()方法转换为base64格式,添加前缀后作为图片src。同时,文章还展示了如何使用uni.getFileSystemManager()和uni.saveImageToPhotosAlbum()方法将图片保存至本地。
摘要由CSDN通过智能技术生成

1.前提概要

向后端发送请求获取图片,得到的响应数据是一堆火星文,如下,找度娘了解一番,这是一堆二进制乱码,主要问题是由于uni.request发请求时,设置的responseType不对或者根本就没设置

5283fe5114a4b8c7da8ebfa18439ffa1.png

2.思路讲解2.1 在uni.request请求中,配置responseType为"arraybuffer";

用到什么便学什么,所以了解一下responseType:responseType属性它主要是用来设置响应数据的类型,默认为“text”类型

responseType属性值有(写几个常见一点的):""(空字符串),arraybuffer(是一个包含二进制数据的js ArrayBuffer),blob(一个包含二进制数据的Blob对象),json,text

2.2 设置requestType为"arraybuffer"后,你会发现得到的响应数据是,arraybuffer类型的实例,如下:

8fe5cbd6fca1e08d78360a7a63fce402.png2.3 使用uni.arrayBufferToBase64()方法将响应数据转换为base64格式的数据

2.4 再在上述2.3上得到的base64格式的数据

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值