图片和视频的上传涉及三个函数,分别为:wx.chooseImage(Object object)(选择图片)wx.chooseVideo(Object object)(选择视频)wx.cloud.uploadFile(Object object),各自函数应用demo如下:
1.wx.chooseImage:
wx.chooseImage({
count: 1,
sizeType: ['original', 'compressed'],
sourceType: ['album', 'camera'],
success (res) {
// tempFilePath可以作为img标签的src属性显示图片
const tempFilePaths = res.tempFilePaths
}
})
参考文档:https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.chooseImage.html
2.wx.chooseVideo(Object object)
wx.chooseVideo({
sourceType: ['album','camera'],
maxDuration: 60,
camera: 'back',
success(res) {
console.log(res.tempFilePath)
}
})
参考文档:https://developers.weixin.qq.com/miniprogram/dev/api/media/video/wx.chooseVideo.html
3.wx.cloud.uploadFile
Callback 风格
wx.cloud.uploadFile({
cloudPath: 'example.png',
filePath: '', // 文件路径
success: res => {
// get resource ID
console.log(res.fileID)
},
fail: err => {
// handle error
}
})
Promise 风格
wx.cloud.uploadFile({
cloudPath: 'example.png',
filePath: '', // 文件路径
}).then(res => {
// get resource ID
console.log(res.fileID)
}).catch(error => {
// handle error
})
4.综合应用:选择图片并上传至云存储空间
wx.chooseImage({
success: chooseResult => {
// 将图片上传至云存储空间
wx.cloud.uploadFile({
// 指定上传到的云路径
cloudPath: 'my-photo.png',
// 指定要上传的文件的小程序临时文件路径
filePath: chooseResult.tempFilePaths[0],
// 成功回调
success: res => {
console.log('上传成功', res)
},
})
},
})
5.调用图像视频,可用云存储中的图像地址(下载地址和文件id都可以)