微信小程序wx.uploadfile 本地文件转base64的实现代码

1. 简介

wx.uploadfile 是微信小程序提供的上传文件接口，可以将本地文件上传至服务器；如果需要将文件以base64格式上传，则需要先将本地文件转换为base64编码的字符串。本篇文章将介绍在小程序中如何实现将本地文件转换为base64编码的字符串。

2. 实现方法

实现将本地文件转换为base64编码的字符串，主要需要以下步骤：

2.1 获取文件路径

首先，需要使用微信小程序提供的 wx.chooseImage 接口获取本地图片的路径，代码如下：

wx.chooseImage({
  success: function (res) {
    var filePath = res.tempFilePaths[0];
    //TODO: 将文件转为base64编码的字符串
  }
})

在回调函数中，res.tempFilePaths[0] 指的是用户选择的图片的本地文件路径。接下来需要将其转换为base64编码的字符串。

2.2 读取文件内容

使用微信小程序提供的 wx.getFileSystemManager().readFile 接口可以读取文件内容，代码如下：

wx.getFileSystemManager().readFile({
  filePath: filePath,
  encoding: 'base64',
  success: function (res) {
    var base64 = res.data;
    //TODO: 上传文件到服务器
  }
})

在回调函数中，res.data 指的是文件内容的base64编码的字符串。接下来就可以将上传文件到服务器了。

2.3 上传文件到服务器

最后，使用 wx.uploadfile 接口上传文件到服务器，代码如下：

wx.uploadFile({
  url: '服务器接口地址',
  filePath: filePath,
  name: 'file',
  header: {
    'content-type': 'multipart/form-data'
  },
  formData: {
    'key': 'value'
  },
  success: function (res) {
    console.log(res);
  }
})

其中，filePath 指的是上传的本地文件路径，name 指的是上传的文件名，header 指的是上传文件的头部信息，formData 指的是上传的表单信息。在回调函数中，可以获取上传文件的响应信息。

3. 完整代码

将上述步骤整合，可以得到完整的代码如下：

wx.chooseImage({
  success: function (res) {
    var filePath = res.tempFilePaths[0];
    
    wx.getFileSystemManager().readFile({
      filePath: filePath,
      encoding: 'base64',
      success: function (res) {
        var base64 = res.data;
        
        wx.uploadFile({
          url: '服务器接口地址',
          filePath: filePath,
          name: 'file',
          header: {
            'content-type': 'multipart/form-data'
          },
          formData: {
            'key': 'value'
          },
          success: function (res) {
            console.log(res);
          }
        })
      }
    })
  }
})

4. 总结

通过上述步骤，可以将本地文件转换为base64编码的字符串，并上传到服务器。需要注意的是，在将文件转换为base64编码的字符串时，需要将文件内容读取到内存中，因此对于非常大的文件，可能会出现内存不够的情况。