微信小程序base64转图片

可以使用wx.arrayBufferToBase64()方法将图片的二进制数据转换为base64编码，然后使用wx.base64ToTempFilePath()方法将base64编码转换为临时文件路径，最后在小程序中显示图片即可。

示例代码如下：

// 将base64编码转换为临时文件路径
wx.base64ToTempFilePath({
  base64Data: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...',
  success: function(res) {
    console.log(res.tempFilePath) // 打印临时文件路径
    // 在小程序中显示图片
    wx.previewImage({
      urls: [res.tempFilePath]
    })
  }
})

相关问题

uniapp开发微信小程序base64转blob

可以使用uniapp的内置方法将base64转换为blob。下面是一个示例代码：

// 将base64转换为blob
function base64ToBlob(base64Data) {
  const byteCharacters = atob(base64Data);
  const byteArrays = [];

  for (let offset = 0; offset < byteCharacters.length; offset += 512) {
    const slice = byteCharacters.slice(offset, offset + 512);

    const byteNumbers = new Array(slice.length);
    for (let i = 0; i < slice.length; i++) {
      byteNumbers[i] = slice.charCodeAt(i);
    }

    const byteArray = new Uint8Array(byteNumbers);
    byteArrays.push(byteArray);
  }

  return new Blob(byteArrays, { type: 'image/jpeg' }); // 根据实际情况设置文件类型
}

// 在uniapp中使用
const base64Data = 'base64编码的数据';
const blob = base64ToBlob(base64Data);

// 使用blob进行操作，比如上传到服务器

这个方法将base64数据按照每次处理512个字符的方式进行转换，然后将转换后的字节数组放入byteArrays数组中，最后通过`new Blob()`方法将这些字节数组以指定类型创建成blob对象。你可以根据实际情况设置文件类型，比如'image/jpeg'。然后你可以使用blob对象进行进一步的操作，比如上传到服务器。

微信小程序base64文件保存到手机相册

微信小程序提供了wx.canvasToTempFilePath()方法，可以Canvas内容保存为临时文件路径。然后，可以使用wx.saveImageToPhotosAlbum()方法将临时文件保存到手机相册。

以下是保存base64文件到手机相册的步骤：

1. 将base64文件转换为临时文件路径：
使用wx.canvasToTempFilePath()方法，将base64文件绘制到Canvas上，并将Canvas内容保存为临时文件路径。

示例代码：

   const base64Data = '...'; // 替换为实际的base64文件数据
   const ctx = wx.createCanvasContext('canvasId'); // 替换为实际的Canvas ID
   ctx.drawImage(base64Data, 0, 0, canvasWidth, canvasHeight); // 替换为实际的Canvas尺寸
   ctx.draw(false, () => {
     wx.canvasToTempFilePath({
       canvasId: 'canvasId', // 替换为实际的Canvas ID
       success: (res) => {
         const tempFilePath = res.tempFilePath;
         // 在这里可以进行下一步操作，如保存到手机相册
       },
       fail: (error) => {
         console.error(error);
       }
     });
   });

2. 将临时文件保存到手机相册：
使用wx.saveImageToPhotosAlbum()方法将临时文件保存到手机册。

示例代码：

   wx.saveImageToPhotosAlbum({
     filePath: tempFilePath, // 替换为实际的临时文件路径
     success: (res) => {
       console.log('保存成功');
     },
     fail: (error) => {
       console.error(error);
     }
   });

请注意，保存到手机相册需要用户授权，因此在调用wx.saveImageToPhotosAlbum()方法之前，需要先获取用户的授权。