- 小程序
在微信小程序中，可以使用 wx.chooseImage 方法选择图片，并使用 wx.uploadFile 方法将选择的图片上传到服务器上。
// 选择图片并上传
wx.chooseImage({
count: 1, // 最多可选择的图片数量
success: function (res) {
var tempFilePaths = res.tempFilePaths; // 选择的图片临时文件路径
// 上传图片到服务器
wx.uploadFile({
url: 'http://example.com/upload', // 上传的服务器接口地址
filePath: tempFilePaths[0], // 要上传文件资源的路径
name: 'image', // 上传文件的 key
success: function (res) {
// 上传成功后的处理
var data = res.data;
console.log('上传成功', data);
// 可以根据服务器返回的数据做相应的处理
},
fail: function (res) {
// 上传失败后的处理
console.log('上传失败', res);
}
})
}
})在这个示例中，我们首先调用 wx.chooseImage 方法来选择图片，设置 count 为 1 表示最多选择一张图片。在选择成功后，我们可以通过 res.tempFilePaths 获取到图片的临时文件路径。
接下来，我们使用 wx.uploadFile 方法来将选择的图片上传到服务器上。在其中，我们需要设置以下参数：
url：上传的服务器接口地址。
filePath：要上传文件资源的路径，这里使用 tempFilePaths[0] 表示选择的第一张图片的路径。
name：上传文件的 key，服务器端会根据这个 key 来接收文件。
上传成功后，可以通过 success 回调函数来处理上传成功后的逻辑。上传失败后，可以通过 fail 回调函数来处理失败的逻辑。
上一篇：微信小程序授权登录流程
