### 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' ```