微信小游戏写图片文件writeFile的base64需去除头部问题

var base64File = 'base64文件字符';
// 获取base64对应的图片后缀 eg:png、jpg
var fileSuffixes = base64File.match(/data:image\/(.*?);base64/)[1];
// 去除base64位头部后的身体部分
var base64FileBody = base64File.replace(/^data:image\/\w+;base64,/, "");
var fileManage = wx.getFileSystemManager();
var filePath = wx.env.USER_DATA_PATH + '/pic.' + fileSuffixes;
fileManage.writeFile({
    filePath: filePath,
    data: base64FileBody,
    encoding: 'base64',
    success(res) {
        console.log('writeFile成功!', res);

    },
    fail(res) {
        console.log('writeFile失败!', res);
    }
});

当base64图片是jpeg格式时带有base头部是可正常写文件的,其它格式如png、gif等带有base头部时,会文件写入失败;所以写文件时都去除base头部即可正常。

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
小程序中可以使用base64编码将文件转换为字符串,然后再将字符串转换回文件。下面是一个简单的示例代码,演示了如何在小程序中进行base64文件的操作: ```javascript // 将文件转换为base64字符串 function fileToBase64(filePath) { return new Promise((resolve, reject) => { wx.getFileSystemManager().readFile({ filePath: filePath, encoding: 'base64', success: res => { resolve(res.data); }, fail: err => { reject(err); } }); }); } // 将base64字符串转换为文件 function base64ToFile(base64Data, filePath) { return new Promise((resolve, reject) => { const buffer = wx.base64ToArrayBuffer(base64Data); wx.getFileSystemManager().writeFile({ filePath: filePath, data: buffer, encoding: 'binary', success: res => { resolve(res.savedFilePath); }, fail: err => { reject(err); } }); }); } // 使用示例 const filePath = 'path/to/file.jpg'; // 将文件转换为base64字符串 fileToBase64(filePath) .then(base64Data => { // 在这里可以对base64Data进行处理,如上传到服务器等操作 // 将base64字符串转换为文件 const newFilePath = 'path/to/newfile.jpg'; return base64ToFile(base64Data, newFilePath); }) .then(savedFilePath => { console.log('文件保存成功,保存路径为:', savedFilePath); }) .catch(err => { console.error('文件转换失败:', err); }); ``` 在上面的示例中,`fileToBase64`函数用于将文件转换为base64字符串,`base64ToFile`函数用于将base64字符串转换为文件。你可以根据实际求进行相应的处理,比如上传到服务器或者保存到本地等操作。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值