vue3 微信小程序 uniapp图片上传，图片转base64，base64转图片

vue3 微信小程序 uniapp 图片上传

uni-app中上传图片可以使用方法uni.uploadFile:
uni.uploadFile官方文档：
https://uniapp.dcloud.net.cn/api/request/network-file.html

import { ApiBaseUrl } from '@/common/sysconfig'
const getToken = () => {
  let info = uni.getStorageSync('loginInfo')
  let token = info?.resData?.access_token
  return token
}
// 上传图片
const uploadFile = (_filePath:any)=>{
uni.uploadFile({
    // 请求接口地址
    url: ApiBaseUrl + '/oss/api/SmartFiles/UpLoadFormXXX', 
    filePath: _filePath,
    name: 'file',
    header: {
          'Authorization': `Bearer ${getToken()}`,
    },
    formData: {
      'bucketName': 'teacher-certification',
      'filePath': 'teacherTraining',
      'fileType': '1'
    },
    success: (uploadFileRes:any) => {
      let result = JSON.parse(uploadFileRes.data)
      console.log("图片上传成功！",result.data);
      // 下面是图片上传成功之后配合其他接口的操作
      state.UpLoadData.Sign = result.data.id
      submitUpload()
    }
  });
}

图片转base64，base64转图片

用一个插件就行了，image-tools插件

安装：

npm i image-tools --save

引入：

import { pathToBase64, base64ToPath } from 'image-tools'