微信小程序实现从相机或相册获取照片并确认选择照片后跳转到另一个页面
时间: 2023-09-17 13:12:05 浏览: 76
要实现从相机或相册获取照片,并在确认选择照片后跳转到另一个页面,可以按照以下步骤进行操作:
1. 在点击选择照片的按钮上绑定一个事件处理函数,例如`chooseImage`:
```javascript
// 在wxml文件中
<button bindtap="chooseImage">选择照片</button>
```
2. 在事件处理函数中使用`wx.chooseImage`方法选择照片:
```javascript
// 在js文件中
Page({
chooseImage: function() {
wx.chooseImage({
count: 1, // 最多可选择的照片数
sourceType: ['album', 'camera'], // 可选择的照片来源,相册或相机
success: function(res) {
// 获取选择的照片临时文件路径
var tempFilePath = res.tempFilePaths[0];
// 将选择的照片路径存储到全局变量或页面数据中
// 这里以将照片路径存储到app.js的globalData中为例
getApp().globalData.selectedImage = tempFilePath;
// 跳转到另一个页面
wx.navigateTo({
url: '/pages/anotherPage/anotherPage'
})
}
})
}
})
```
3. 在另一个页面的`onLoad`生命周期函数中获取之前选择的照片路径:
```javascript
// 在另一个页面的js文件中
Page({
onLoad: function(options) {
// 获取之前选择的照片路径
var selectedImage = getApp().globalData.selectedImage;
console.log(selectedImage); // 打印选择的照片路径
}
})
```
这样,就实现了从相机或相册获取照片,并在确认选择照片后跳转到另一个页面的功能。注意,选择的照片路径可以根据实际情况存储到全局变量、页面数据或者其他适合的方式中。