1.wx.request---- 发送网络请求
wx.request({
url: 'example.php', //发送的地址
data: { //携带的参数
x: '',
y: ''
},
method:'POST',//默认为get
header: {
'content-type': 'application/json' // 请求头
},
success (res) { //回调函数 res=>响应数据
console.log(res.data)
}
})
详情请看:RequestTask | 微信开放文档 (qq.com)
2.wx.chooseMedia -------拍摄或从手机相册中选择图片或视频。
wx.chooseMedia({
count: 9,
mediaType: ['image','video'],
sourceType: ['album', 'camera'],
maxDuration: 30,
camera: 'back',
success(res) {
console.log(res.tempFiles.tempFilePath)
console.log(res.tempFiles.size)
}
})
详情请看:wx.chooseMedia(Object object) | 微信开放文档 (qq.com)
3.wx.uploadFile -----向后端或服务器发送文件图片
要配合2.wx.chooseMedia 获取图片,uploadFile 发送图片
wx.uploadFile({
url: 'https://example.weixin.qq.com/upload', //仅为示例,非真实的接口地址
filePath: res.tempFiles.tempFilePath, //图片返回的连接 res是chooseMedia回调的res
name: 'file', //后端取文件时的key
formData: { //携带的其他数据
'user': 'test'
},
success (res){
const data = res.data
//do something
}
})
详情:UploadTask | 微信开放文档 (qq.com)
4.wx.previewImage -------在新页面中全屏预览图片
var dataArray = [];
let currentUrl = event.currentTarget.dataset.src.tempFilePath
dataArray.push(currentUrl)
// console.log(dataArray[0])
wx.previewImage({
current: currentUrl, // 当前显示图片的http链接
urls: dataArray // 需要预览的图片http链接列表
})
5.wx.getUserProfile ------获取微信用户信息(有版本要求,点击下面的详细)
wx.getUserProfile({
desc: '用于完善会员资料', // 声明获取用户个人信息后的用途,后续会展示在弹窗中,请谨慎填写
success: (res) => {
this.setData({
userInfo: res.userInfo,
hasUserInfo: true
})
}
})