微信小程序提供了丰富的 API 接口来实现图片选择和上传的功能。在本文中,我将分为两个部分介绍如何实现图片选择和上传的功能。
第一部分:图片选择
当用户想要选择图片时,我们可以使用 wx.chooseImage
接口来打开系统相册或拍照。以下是一个示例代码:
// 在页面的某个事件中触发选择图片
wx.chooseImage({
count: 1, // 最多可以选择的图片张数
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
success(res) {
// 用户选择的图片路径数组
const tempFilePaths = res.tempFilePaths;
// 将选择的图片路径传递给后续的处理函数
handleImage(tempFilePaths);
}
})
在 success
回调函数中,我们可以获取用户选择的图片路径,然后将其传递给后续的处理函数。
第二部分:图片上传
在将选择的图片上传到服务器之前,我们需要先将其转换为 FormData
格式。FormData
是用来封装待发送的数据的类,通过 append
方法可以将数据添加到 FormData
对象中。以下是一个示例代码:
function uploadIma