base64转file_微信小程序单张、多张图片上传(图片转base64格式)实践经验

本文首发自个人自有博客：【FaxMiao个人博客】，一个关注Web前端开发技术、关注用户体验、记录前端点滴，坚持更多原创，为大家提供高质量技术博文！

定义初始数据：

data

第一步：从本地相册选择图片或使用相机拍照（wx.chooseImage）

// 选择图片 

count：最多可以选择的图片张数（默认9）
sizeType：所选的图片的尺寸（original-原图，compressed-压缩图）
sourceType：选择图片的来源（album-从相册选图，camera-使用相机）

第二步：将图片本地路径转为base64图片格式（​wx.getFileSystemManager().readFile）

// 图片转base64 

filePath：要读取的文件的路径 (本地路径)
encoding：指定读取文件的字符编码（ascii，base64，binary，hex......）

第三步：执行上传，把图片数组传输给后端即可

// 执行上传 

删除功能：被选中图片移除当前图片数组

// 删除图片（选中图片移除） 

tips：
点击提交按钮后可以增加显示loading提示框：wx.showLoading()，返回结果后隐藏loading提示框：wx.hideLoading()，此方法可以避免重复点击！

案例使用方法：
1.js代码（直接复制文中代码即可）
2.wxml

<

3.wxss

.

效果图：