700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 开发微信小程序实现上传图片 拍照功能

开发微信小程序实现上传图片 拍照功能

时间:2024-07-03 09:57:03

相关推荐

开发微信小程序实现上传图片 拍照功能

wxml代码:

//给button添加点击事件<button bindtap="doUpload"></button>

js代码

doUpload(){// 选择上传的图片wx.chooseImage({count: 1, //这里是选择几张图片sizeType: ['compressed'], //把上传的图片进行压缩图sourceType: ['album', 'camera'], //选择相册或拍照success: function (res) {wx.showLoading({title: '上传中',})const filePath = res.tempFilePaths[0]// 上传图片const cloudPath = 'my-image' + Date.now() + filePath.match(/\.[^.]+?$/)[0] //上传图片 的名字,根据时间自定义图片文件名,使得上传后的每一张文件名都不一样,放置重名覆盖。wx.cloud.uploadFile({//将图片上传到云服务器的云存储中cloudPath, //云存储的路径filePath, //本地图片路径success: res => {console.log('[上传文件] 成功:', res) console.log(res.fileID) // 上传后图片的 fileID// wx.navigateTo({ 上传成功后跳转到某个页面// url: '../storageConsole/storageConsole'// })},fail: e => {console.error('[上传文件] 失败:', e)wx.showToast({icon: 'none',title: '上传失败',})},complete: () => {wx.hideLoading()}})},fail: e => {console.error(e)}})}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。