base64字符串转小程序图片
时间: 2023-12-13 14:34:29 浏览: 112
要将base64字符串转换为小程序图片,可以使用微信小程序自带的方法。以下是具体步骤:
1.获取到base64字符串。
2.通过微信小程序自带方法将base64字符串转为二进制去除特殊符号,再转回base64。
3.拼接请求头,data格式可以为image/png或者image/jpeg等,看需求。
4.得到的base64ImgUrl直接给图片:src使用即可。
下面是示例代码:
```javascript
//引入base64.js文件
var base64src = require('./base64.js')
//获取到base64字符串
var base64Str = "data:image/png;base64,iVBORw0KG...";
//将base64字符串转为小程序图片
base64src(base64Str, resCurrent => {
//resCurrent就是base64转换后的图片,直接给图片的src即可
this.setData({
imgUrl: resCurrent
})
})
```
相关问题
base64字符串还原成图片
Base64是一种将二进制数据编码成ASCII字符的,常用于在文本中传输二进制数据。将Base64字符串还原成图片的过程可以通过以下步骤完成:
1. 首先,将Base64字符串解码成二进制数据。可以使用编程语言提供的Base64解码函数或库来完成这一步骤。
2. 解码后的二进制数据表示了图片的像素信息。根据图片的格式(如JPEG、PNG等),可以使用相应的图像处理库将二进制数据转换为图片对象。
3. 最后,可以将图片对象保存到文件中或者在程序中进行进一步处理和展示。
微信小程序字符串转base64
可以使用小程序内置的API:wx.arrayBufferToBase64()。
具体实现如下:
```javascript
// 将字符串转成ArrayBuffer
let str = "Hello World";
let buffer = new ArrayBuffer(str.length * 2);
let bufferView = new Uint16Array(buffer);
for (let i = 0; i < str.length; i++) {
bufferView[i] = str.charCodeAt(i);
}
// 将ArrayBuffer转成base64字符串
let base64 = wx.arrayBufferToBase64(buffer);
console.log(base64);
```
需要注意的是,如果字符串中包含中文等非ASCII字符,需要将字符串转成UTF-8编码的ArrayBuffer,否则会出现乱码。
如果你需要将base64字符串转成原始字符串,可以使用小程序内置的API:wx.base64ToArrayBuffer()。具体实现如下:
```javascript
// 将base64字符串转成ArrayBuffer
let base64 = "SGVsbG8gV29ybGQ=";
let buffer = wx.base64ToArrayBuffer(base64);
// 将ArrayBuffer转成字符串
let str = "";
let bufferView = new Uint16Array(buffer);
for (let i = 0; i < bufferView.length; i++) {
str += String.fromCharCode(bufferView[i]);
}
console.log(str);
```
同样需要注意,如果base64字符串中包含中文等非ASCII字符,需要将转成UTF-8编码的ArrayBuffer。
阅读全文